|
|||||||||
|
|||||||||
| |||||||||
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
Dev Shed Forums Sponsor:
|
|
#1
August 22nd, 2003, 06:03 PM
|
|||
|
|||
|
CSS, Netscape and float problems
Oh man this drives me crazy. Here is my HTML:
Code:
<div id="outerbox"> <div id="left"> Left Hand Float... </div> <div id="right"> Right Hand Float... </div> </div> And here is my CSS: Code:
#outerbox {
border: 1px solid #454545;
margin: 10px auto 0px;
padding: 8px 20px;
width: 738px;
}
#left {
background-color: #efefef;
float: left;
width: 500px;
}
#right{
background-color: #efefef;
float: left;
margin-left: 10px;
width: 220px;
}
And this is what it does in Netscape:  What can I do about this?
|
|
#3
August 22nd, 2003, 06:15 PM
|
|||
|
|||
|
Yeah, it should work in Netscape too I guess because theoretically it uses the same rendering engine as Mozilla.
 Another thing I forgot to add: if I set the float value of the container to 'left' then i no longer get the whole thing centered on the page (which I did using: margin: 10px auto 0px; ). Weird.
|
|
#4
August 22nd, 2003, 06:33 PM
|
|||
|
|||
|
What version of netscape?
|
|
#5
August 22nd, 2003, 06:53 PM
|
|||
|
|||
|
Version 7.1
|
|
#6
August 22nd, 2003, 07:15 PM
|
|||
|
|||
|
I'm not really sure what you think is the problem. I think that Mozilla is correctly displaying part of the content outside of the outerbox (a float is taken out of the flow, and there is no height defined for the outerbox).
I assume from your gif text that you want all of the text to be inside the outerbox. Try either of the following (I think you will like one of them): .add 'overflow: auto;' to the #outerbox style .add '<div style="clear: both"></div> to your HTML code, after the 'right' div inside the outerbox. Hope this helps, Jeroen
|
|
#7
August 26th, 2003, 09:23 PM
|
|||
|
|||
|
hey chapsymphony,
Sorry it took a few days to reply. I just ran across this short article and I thought about your problem. It may not be the answer, but you might be able to apply it to your problem somehow. I sure hope it helps. Article: "Containing Floats" by Complex Spiral Consulting http://www.complexspiral.com/public...taining-floats/ Have fun!
|
|
| Viewing: Dev Shed Forums > Web Design > CSS Help > CSS, Netscape and float problems |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
 |
|
|
 |
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
