Sent by Audra Coldiron on 6 June 2007 14:02
Erik Olivier Lancelot wrote:
> Hello,
>
> This page validates and looks right in FF, O and NN but not in IE6:
> http://www.jester-records.com/index-div.php. Can anyone see why this is
> happening and what I can do to fix it? Thanks a lot!
HI Erik. Here's how I would fix it:
#innhold {
background: white;
float: left;
width: 730px;
margin-right: -729px; /*added with 1 px short of width for IE6*/
clear: left; /*added*/
}
#kolonne {
background: white;
float: right;
width: 220px;
clear: right; /*added*/
}
I have a couple suggestions too:
1. Widths: you only need to specify widths on the containers. Nothing
inside needs a width since it will automatically fill the container.
I'd take all the widths out except for the ones on the containers since
they will only cause trouble like the big horizontal scrollbar you
currently have.
2. Borders: I see you have things like this in your source -
<div class="line3_i"><!-- --></div>
<div id="h_news"><!-- --></div>
<div class="line3_i"><!-- --></div>
<div class="red_line_i"><!-- --></div>
<div class="line3_i"><!-- --></div>
To make it easier to deal with, more semantic, and not to mention search
engine friendlier why don't you do something like this:
<div id="h_news"><img src="path-to-news-image.gif" alt="News"></div>
<hr />
CSS:
#h_news {
border-top: solid 1px gray;
border-bottom: solid 1px gray;
background-color: black;
}
hr {
height: 5px;
background-color: red;
color: red; /*for IE*/
border-bottom: solid 1px gray;
}
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS.
Pre-made designs, designer tools, and reseller program available!
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
