Problems with Netscape

[wfiore]

Hi,

I am new to css and am in the process of converting my website over, mainly to eliminate tables and move my content up. My site seems to look fine in IE6 but I can't get my pages to display correctly in Netscape 7.0. An example of a page not displaying correctly is:
<ooops sorry no URLs per TOS #13 [webmasterworld.com] - Thank you>

Any insite on what I am doing wrong would be greatly appreciated. I have been working on this for weeks.

Thank you

Bill

[edited by: SuzyUK at 9:56 am (utc) on Aug. 23, 2004]

[SuzyUK]

Hi wfiore - Welcome to WebmasterWorld

generally the advice is to get your pages working in NN first (it has best CSS support imo - but any other non IE browser is usually a good guide) then fix/hack/workaround for IE..

Huge Tip: IE is the one which usually always gets it wrong.. and trying to work to it then "debug" the other way around is much more difficult :)

If you can get it to work in NN then post a bit of code you're having a specific problem with getting to work in IE, chances are a solution is already available as IE problems are fairly well known and easily worked around..

Suzy

[wfiore]

Thank you for the reply. My main problem in Netscape is divs not pushing containing divs down like they do in IE6. Below is a sample of my code:

<div class="resultsouter">
<div class="resultsleft">
<p>image goes here</p>
</div>
<div class="resultsright" align="left">
<p>item description goes here</p>
</div>
</div>

And here is the CSS:

.resultsouter {
width:97%;
min-height:175px;
background:#F5F5F5;
border:1px solid #000099;
border-left:10px solid #000099;
}
.resultsleft {
width:20%;
height:auto;
background:#FFFFFF;
float:left;
}
.resultsright {
width:75%;
background:#F5F5F5;
float:left;
margin-left:10px;
}

I added a large min-height attribute as a temporary fix since IE6 ignores this. Any help would be appreciated, I'm sure it's something small I am overlooking.

Thank you