PDA

View Full Version : Layout in IE6



Rmpl
Mar 21st, 2007, 01:37 AM
Will someone please check out ... and tell me which css elements are causing the page to appear incorrectly in IE6? The page looks correct in FF and almost correct in Safari. Thanks in advance.

jlhaslip
Mar 21st, 2007, 03:34 AM
In Home.html, the left hand picture needs to be narrower and given some margin-left. I found that this worked in IE6 for me on my Local copy.


<div style="width: 350px; margin-left: 10px;">
<br>
<img src="home_files/021_s.jpg">
</div>

Might need to adjust the margin to suit.

Rmpl
Mar 21st, 2007, 09:26 PM
I was actually referring to what was going on outside that frame. With that unwanted white space between the buttons and logo and main content area.

Rmpl
Mar 22nd, 2007, 04:50 AM
So anyone know why it's appearing that way in IE6? I thought the negative margin method was supposed to work in IE6. It must be something I'm doing, though I can not figure what it is.

koyama
Mar 22nd, 2007, 06:29 AM
Sometimes gaps are due to whitespace. It can make a difference whether you write


<div id="header">
<a href="index.html"><img src="img/main/header.png" alt=""></a>
</div>
or like this


<div id="header">
<a href="index.html"><img src="img/main/header.png" alt=""></a></div>
Written in either way, actually the gap should be there according the specs. But removing the linebreak closes the gap in IE.

Related article: Images, Tables, and Mysterious Gaps (http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps)

Rmpl
Mar 22nd, 2007, 07:57 PM
I didn't know that...that's interesting. Problem solved. Thanks.