Tue, 2005-01-25 19:52
Here's my CSS:
BODY {
font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
color: #4C4C4C;
margin: 0px;
text-align: center;
background: #7EA2AE;
}
P {
margin: 0px 0px 16px 0px;
}
#frame {
width: 717px;
margin: 50px auto;
background: #FFF;
}
#contentframe {
width: 697px;
margin:10px;
}
.colordark {
background: #406677;
}
.colorlight {
background: #7EA2AE;
}
#typearea {
margin: 29px 24px 18px 18px;
}
Here's the page: http://www.marinabayca.com/
On IE, the margin is fine, but on FF the contentframe div loses tha top and bottom margins. Any ideas???
Thanks!
/Flip
Tue, 2005-01-25 20:20
#1
IE - good. FF - bad. margin:10px not working on FF???
#frame {
width: 717px;
margin: 50px auto;
background: #FFF;
height:529px;
}
#contentframe {
width:697px;
margin:0px 10px 10px 10px;
height:509px;
top:10px;
position:relative;
}
I did this and it works on both browsers. But it's strange why a simple margin:10px won't do it on FireFox.
I would like your input on this.
/Flip
Wed, 2005-01-26 00:02
#2
IE - good. FF - bad. margin:10px not working on FF???
FF is behaving itself you tried to position the #contentframe down from the top using top:10px, you can only shift a div if it has been positioned, in this case 'relative', which preserves it's original space in the flow and just visually shifts the div you could also use 'absolute' which removes the div from the flow altogether.
Hugo.