FF issues

[cmgmyr]

Hey all,
I'm re-designing one of my sites (www.syracusebands.net)

I have the new design at http://syracusebands.net/new/temp.html

IE looks fine (Like how I want it to look) But FF is all messed up.

I'm sure it is something simple, but I'm just missing it.

CSS is here: http://syracusebands.net/new/css/style.css

Thanks,
-Chris

[cmgmyr]

*bump*

anyone?

[nogray]

You need to clear your floated divs,

whenever you have a div floated right or left, you need to add a div to clear the float
[code]
.clear_float{clear:both; overflow:hidden; font-size:1px;}
[/code]
[code]
<div id="main">
    <div style="float:left;">text</div>
    <div style="float:left;">more text</div>
    <div class="clear_float">&nbsp;</div>
</div>
[/code]

[cmgmyr]

Thank you. I put those in, but now it made spaces where there weren't any before. And the login area is still messed up.

Any other ideas?

Thanks,
-Chris

[cmgmyr]

? Anyone?

[rpm]

dear friend try this :->

replace this code where div ban right id is in your html page

  <div id="ban_right"><div id="col1"><img src="images/index_14.jpg" width="14" height="95" alt="" /></div><div id="col2"><div id="main_login" style="background-image:url(images/index_17.jpg);height:70px;width:210px; background-repeat:no-repeat; margin-top:13px"><form action="" method="post"><input name="username" type="text" size="15" value="Username" /><br /><input name="password" type="password" size="15" value="password" />&nbsp;&nbsp;<input name="Submit" type="Submit" value="Login" /></form></div><div style="margin:0px; padding:0px;background-image:url(images/index_18.jpg);height:12px;width:210px; background-repeat:no-repeat; margin:0px"></div></div><div id="col3"><img src="images/index_16.jpg" width="14" height="95" alt="" /></div></div>

replace this css code in your css

#links {
width:800px;
height:28px;
clear:both;
}

#ban_right{
margin:0px;
margin-bottom:0px;
float:left;
width:238px;
height:198px;
padding:0px;
padding-bottom:0px;
background-image:url(images/index_13.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:#00FF00;
}
#col1{
height:95px;
width:14px;
float:left;
clear:both;
padding:0px;
margin:0px;
margin-top:103px;
}
#col2{
height:95px;
width:210px;
float:left;
padding:0px;
margin:0px;
margin-top:103px;
background-image:url(images/index_15.jpg);
background-repeat:no-repeat;
background-position:top;
}
#col3{
height:95px;
width:14px;
float:left;
padding:0px;
margin:0px;
margin-top:103px;
}

#content {
width:800px;
background-image:url(../images/index_39.gif);
background-repeat:repeat;
background-color:#FFFFFF;
color:#000000;
height:450px;
clear:both;
}

if problem exist let me know
bye

[cmgmyr]

Thanks again guys.

RPM: that worked for a few things, but made some more problem.

*SOLVED*

What I did was broke down and re-sliced everything again. I made the slice for the login right where the form starts so I didn't need to pad it any more.

Take a look at the code if you want. Thanks for the help!

-Chris

[cmgmyr]

Ok I got more problems. Just go to I have the new design at http://syracusebands.net/new/ in FF and you'll see whats goin on. I've tried everything I could with clearing the floats and everything else I could think of...nothing worked.

Thanks,
-Chris

[cmgmyr]

Any Ideas?

[nogray]

try to add a clearing float above the footer
[code]
<div class="clear">&nbsp;</div>
<div id="footer1">....
[/code]

[cmgmyr]

Nope, That just put a gap between the content and the footer, the "plates" still go over the footer.