Ok I have a few problems...
In IE everything is fine but when I test my layout in FF it is no longer centered, in the div that contains my content the background does not "grow" or repeat as the content stretches the box...and on top of it some of my margins have gone weird....I just found out about !important and i've used that to fix a few things but I still can't figure out what the deal is with the background and the centering....
so as you can tell, I am just getting into using CSS...thank you for any responses.Got link?Since you didn't post your code, I'll have to guess at solutions. The centering thing sounds like you used text-align:center; to center your page. This only works in IE. Instead, use margin:0 auto; and provide a width for your page. That will center it in all browsers, though you'll still need the text-align:center; for IE 5.5 and lower I think.
The margins going screwy thing sounds like you have discovered the box model and the browser problems (IE) that relate to it. Make sure you are using a doctype on your page.
You do know that IE also ignores !important, right? However, this can be a handy tool for sending one value to all browsers and a different value to only IE. For example: width:350px !important; width:370px;. IE will use 370px while all other browsers will use 350px.
Can't help on the background problems without seeing your code.
In IE everything is fine but when I test my layout in FF it is no longer centered, in the div that contains my content the background does not "grow" or repeat as the content stretches the box...and on top of it some of my margins have gone weird....I just found out about !important and i've used that to fix a few things but I still can't figure out what the deal is with the background and the centering....
so as you can tell, I am just getting into using CSS...thank you for any responses.Got link?Since you didn't post your code, I'll have to guess at solutions. The centering thing sounds like you used text-align:center; to center your page. This only works in IE. Instead, use margin:0 auto; and provide a width for your page. That will center it in all browsers, though you'll still need the text-align:center; for IE 5.5 and lower I think.
The margins going screwy thing sounds like you have discovered the box model and the browser problems (IE) that relate to it. Make sure you are using a doctype on your page.
You do know that IE also ignores !important, right? However, this can be a handy tool for sending one value to all browsers and a different value to only IE. For example: width:350px !important; width:370px;. IE will use 370px while all other browsers will use 350px.
Can't help on the background problems without seeing your code.