6 replies [Last post]
wfiore
Offline
newbie
Last seen: 17 years 23 weeks ago
Joined: 2004-08-21
Posts: 4
Points: 0

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: http://www.aftermarketcellular.com/cellular-accessories/cell_accessories.php?se=%20NOK51 Any insite on what I am doing wrong would be greatly appreciated. I have been working on this for weeks.

Thank you

Bill

eSite
Offline
Regular
Last seen: 17 years 28 weeks ago
Timezone: GMT+1
Joined: 2004-07-12
Posts: 14
Points: 0

Problems with Netscape

I don't see the bug that you don't mention...
Just an advice : never create a site for IE, eventually adapt it to IE.

wfiore
Offline
newbie
Last seen: 17 years 23 weeks ago
Joined: 2004-08-21
Posts: 4
Points: 0

Problems with Netscape

Thank you for the reply. I was able to fix some of the more noticible problems. On major problem I still have 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

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 4 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Problems with Netscape

Hi wfiore,
Have a look at this article it should help explain the problem.

http://www.csscreator.com/attributes/containedfloat.php

wfiore
Offline
newbie
Last seen: 17 years 23 weeks ago
Joined: 2004-08-21
Posts: 4
Points: 0

Problems with Netscape

That worked great. Does the .class:after { content: ""; display: block; height: 0; clear: both; } work with id's as well? If not, is there another method I should be using to expand id's?

Thanks

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 4 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Problems with Netscape

Hi wfiore,
Yes that will work fine with id's just use # in front of the id like #id:after{

Hope that helps

wfiore
Offline
newbie
Last seen: 17 years 23 weeks ago
Joined: 2004-08-21
Posts: 4
Points: 0

Problems with Netscape

It doesn't seem to be working. If you view an example page: http://www.aftermarketcellular.com/cellular-accessories/cell_accessories.php?se=%20ERI300 in netscape at 800 x 800 the left navigation background image expands into the content area at the bottom of the page because the wrapper section does not expand to fit the content.

Any Ideas?

Thanks

Bill