CSS - nav button dropping to next line

[dwebber]

My nav buttons all float left with 20px space between them (buttons are 100px
wide). My last button is falling off to the next line even though it seems
there is plenty of room. My menu is set for 759px and so I should have 59px
left over of extra space.

Any ideas?

[url]www.acswebdev.net[/url]
[url]www.acswebdev.net/styles/hatranchstyles.css[/url]


thanks!
Denise

[alanmarchman]

Since you are containing each navigation button in a div named #menu and then
floating each of the buttons to the left makes it unnecessary to add the left
declaration to the rule.

The float makes them line up side by side, and if you need space between them
simply add a margin-left declaration to each button to push them apart.

The only other thing you might think of is accessibility. If someone browses
to this site and they can't see the images then how are they going to navigate
it? Add alt attributes to your images to label them for screen readers.

One last thing, are you truly writing XHTML? Your DOCTYPE says yes but your
code says no. I don't know what version of DW your using, but if you have the
option look under the File menu for the Convert option and convert your page to
XHTML. If you're using DW8 then choose the same flavor as your DOCTYPE
declares, which is XHTML 1.0 Transitional.

[dwebber]

[q]Originally posted by: alanmarchman
One last thing, are you truly writing XHTML? Your DOCTYPE says yes but your
code says no. I don't know what version of DW your using, but if you have the
option look under the File menu for the Convert option and convert your page to
XHTML. If you're using DW8 then choose the same flavor as your DOCTYPE
declares, which is XHTML 1.0 Transitional.[/q]

I'm using Dreamweaver MX. I looked under File>Convert and the XHTML was greyed
out. What specifically is it about my code that tells you I'm not truly XHTML?
I chose the check box "make document XHTML compliant" when I created it.

I also found out that I had two divs by the same name (#contact), oops. So I
changed the names and now everything is flowing nicely...well except in IE6.