Jump to content

FF issues


cmgmyr

Recommended Posts

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
Link to comment
Share on other sites

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]
Link to comment
Share on other sites

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
Link to comment
Share on other sites

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
Link to comment
Share on other sites

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
Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.