Rowboffin wrote:Kudos for going for a standards compliant design. Just a few comments...
You need to set the z-index of the ul element to ensure that your dropdowns appear over the top of other elements like the imageside div. z-index:3; will be fine.
Ah very cunning! I've implemented that! Learn somthing new everyday!
In the imageside div tag you need to put quotes around the id value (i.e.
) cos without them IE6 isn't displaying the background-image.
Tried it, and it still doesn't work. I think its the way IE is reading the layers, however I'm not sure. Need to reasearch this issue.
Dunno if you care but the menus don't work well at 800x600 since the floated [*] elements that should be on the far right get shoved down on to a new line as the menu bar is too wide. Maybe 9em width would work better.
Totally agree! done!
There's no link back to the home page from any of the other pages. I don't know if this is generally the case but our clients ALWAYS moan if we forget to provide a link back to the home page (unless its just a splash screen or similar).
Top logo is now a link. (thank god! the menu is driven from a single file! (menu.php)
I think you need to have more colour on the menu, logo and page header bar, perhaps just use borders to add a hint of extra colour. For example the menu bar [*] elements could have left and right borders which would also make them appear more evenly spaced (if you know what I mean). The fact that the dropdown menus are the same colour as the title bar that they overlap makes them look a bit odd, too. If they're going to be the same colour then I think the dropdowns need a border of some kind.
I agree mainly, but the company wanted a slick grey look.
I experimented with borders, but they didn't achieve the desired effect.
One last comment on the layout: I think the imagebar would look better if its right edge was aligned with the right edge of the menu bar and footer. There's a couple of ways that you could arrange that but my approach would be to shove the content div away from the left edge of the browser window so that its left edge is inline with the right side of the "S" in the ETS logo and expand its width so that it pushed the imagebar into line.
I usually use the STRICT DTD to force IE6 into standards mode when doing CSS layouts as it can help to get things looking consistent and keep box-model hacks to a minimum.
I hope you glean something useful from that. As ever YMMV...
Thank you for all your comments! they are very much appericated! :angel:
Rick I went for the justification you suggested, improves the layout loads!