2 replies [Last post]
chuckcheeze
Offline
newbie
Last seen: 16 years 25 weeks ago
Joined: 2003-05-30
Posts: 5
Points: 0

http://www.wrea.com/temp/boxmodel.asp

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.

dbowne
Offline
Enthusiast
Washinton DC
Last seen: 16 years 26 weeks ago
Washinton DC
Joined: 2003-05-22
Posts: 53
Points: 0

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.

dbowne

chuckcheeze
Offline
newbie
Last seen: 16 years 25 weeks ago
Joined: 2003-05-30
Posts: 5
Points: 0

Take a look Please &gt; Help

Perfect, thanks. Worked well.