...

View Full Version : Firefox creates huge gap? shifts down.



ElmerFud3
12-13-2005, 03:10 AM
My site has a big gap or whitespace, I have 2 column (shoutbox and content) and the right column shifts down below the left, this problem occurs with Firefox only, I think the problem lies within the float or width I'm not sure. Please masters of CSS, help me! :(

Site: http://openlite.5gigs.com/test.html

Full code: http://pastebin.ca/33464

_Aerospace_Eng_
12-13-2005, 03:26 AM
Try this for the CSS

body {font-family: Tahoma, Sans-Serif; font-size: 12pt; color: #000; SCROLLBAR-BASE-COLOR: #666666; #eeeeee; SCROLLBAR-TRACK-COLOR: #CCCCCC; SCROLLBAR-ARROW-COLOR: #FFFFFF; margin: 0;
}
#content {
margin-left:35%;
border-left: 2px solid #000;
margin-top: 15px;
padding-right: 15px;
padding-left: 15px;
}
.bl {background: url(bl.gif) 0 100% no-repeat #f1f1f1;}
.br {background: url(br.gif) 100% 100% no-repeat;}
.tl {background: url(tl.gif) 0 0 no-repeat;}
.tr {background: url(tr.gif) 100% 0 no-repeat;}
#left {
float: left;
width: 35%;
margin-top: 15px;
}
.cjmsg {background-color: #F1F1F1;}
#right {
float: right;
width: 65%;
}

input, textarea, select {
background-color: #FFFFFF;
color: #000000;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

A:Link {color: #3364C3;}
A:Visited {color: #9d0a0e;}
A:Active {color: #F31903;}
A:Hover {background-color: #e1e1e1;}

table {background-color: #363636;}
th {background-color: #E1E1E1;}
td {background-color: #FFF;}

.standard {margin: 0; padding;}

.menu {color: #F26522; font-weight: bold;}
.yao {color: #0000FF; font-weight: bold;}
.vote {background-color: #f4f4f4;}
Just adjust the margin on your #content to your linking.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum