I am recreating our site in CSS and it is going very well (see www.wrea.com for current table/image based site), except this blue bar.
The blue bar should sit just below the face image and line up vertically with the word "Ergonomics" in the logo.
In NS7 its perfect. In IE6 2px whitespace are always added just below the face image. This is the problem I am most worried about. I can't seem to make it go away. I floated the face, positioned it absolutely, all kinds fo stuff and can't get IE to get it right.
Opera 7 places the blue border inside the headcontainer moving it all up. Not so worried about Opera right now.
Suggestions please? THe CSS and code are all in the source of that one page.
white space in the divs containing images
remove the white space from the divs containing images like this...
<div id="logo"><img src="http://www.wrea.com/images/logos/logo_header.gif" width="184" height="75" id="logo" /></div> <div id="headcontainer"><img src="http://www.wrea.com/images/layout/menu/Faces/face1.jpg" width="131" height="90" id="face" /></div>
It's an IE bug. I hate these little things too.
p.s. note that i also closed the image tags. this is not part of the solution, just a good ideas since you are using XHTML doctype. you must close image tags, and the extra space before the "/" makes it backward compatible.
Take a look Please > Help
Perfect, thanks. Worked well.