Hi, im very new to using css to do any significant changes to the website so i might be missing something simple but ive been racking my head for ages and found no previous posts about it(they all included floats from what i could find) so fiqured i should ask for help here.
Effectively the problem is two-fold. The first is background color not displaying correctly in my navigation pane, and secondly is the header div is not being displayed centrally. They display fine in IE but seeing as IE is quite loose with the rules i know it doesnt mean much.
when testing your code, the page didn't display for me at all :)
absolute positioning is not recommended as it can be displayed very differently in the different browsers and with different resolutions or window sizes.
i understand if you're "afraid" of floats at the beginning, i was too, but then i found a very easy explanation to it and suddenly understood.
The only thing you have to keep in mind with floats is to float:left any block that has to be placed side by side and only float:right the very last one. Also, make sure that you wrap it up with a wrapper div that has the same width (or more) than the sum of the floated divs. warapping is very useful as that way you can move your floated divs along the page as you like (ie centering them).
Let me give you a nice example:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title>