02-27-2008, 12:55 AM
This is so weird. If you view my webpage (http://www.katewillaert.com) in IE, the two white "parenthesis"-shaped bars have their tops and bottoms "broken off," separated by space that shouldn't be there. In any other browser, it seems to appear normally. But IE seems to add these spaces, and I'm not sure why. Is anyone familiar with this sort of behavior?
02-27-2008, 02:56 AM
Add display:block; to the css for those images.
<img src="nav/bar.gif" alt="layout" style="display:block;" />
<p style="text-align: center;"><img src="front.jpg" style="border: 4px #323237; border-style: solid;" alt="front image" /></p>
<div class="clearer"> </div>
<img src="nav/bar.gif" style="height: 1px;display:block;" alt="layout" />
02-27-2008, 09:02 PM
Hmm...that does fix the problem in IE, but seems to break the page back in Firefox...
02-27-2008, 09:19 PM
The problem is IE is applying line-height. Since those elements are presentational, put each of them in their own div and set them as background images. You will need to set the widths and heights. Be sure to set line-height and font-size to 0. If the page breaks in Firefox then you need to rethink the way you are doing things. You might have to float them.
02-27-2008, 11:36 PM
Ah, line-height, I see...thanks. :-)