Jump to content


Photo

FF issues


  • Please log in to reply
10 replies to this topic

#1 cmgmyr

cmgmyr
  • Members
  • PipPipPip
  • Advanced Member
  • 1,278 posts
  • LocationUSA

Posted 25 July 2006 - 03:49 PM

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...w/css/style.css

Thanks,
-Chris

#2 cmgmyr

cmgmyr
  • Members
  • PipPipPip
  • Advanced Member
  • 1,278 posts
  • LocationUSA

Posted 25 July 2006 - 05:51 PM

*bump*

anyone?

#3 nogray

nogray
  • Members
  • PipPipPip
  • Advanced Member
  • 930 posts
  • LocationSan Francisco CA

Posted 25 July 2006 - 09:32 PM

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
.clear_float{clear:both; overflow:hidden; font-size:1px;}
<div id="main">
     <div style="float:left;">text</div>
     <div style="float:left;">more text</div>
     <div class="clear_float">&nbsp;</div>
</div>

NoGray.com


#4 cmgmyr

cmgmyr
  • Members
  • PipPipPip
  • Advanced Member
  • 1,278 posts
  • LocationUSA

Posted 25 July 2006 - 10:26 PM

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

#5 cmgmyr

cmgmyr
  • Members
  • PipPipPip
  • Advanced Member
  • 1,278 posts
  • LocationUSA

Posted 26 July 2006 - 02:29 AM

? Anyone?

#6 rpm

rpm
  • New Members
  • Pip
  • Newbie
  • 5 posts

Posted 26 July 2006 - 08:58 AM

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

#7 cmgmyr

cmgmyr
  • Members
  • PipPipPip
  • Advanced Member
  • 1,278 posts
  • LocationUSA

Posted 26 July 2006 - 01:27 PM

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

#8 cmgmyr

cmgmyr
  • Members
  • PipPipPip
  • Advanced Member
  • 1,278 posts
  • LocationUSA

Posted 28 July 2006 - 03:49 AM

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

#9 cmgmyr

cmgmyr
  • Members
  • PipPipPip
  • Advanced Member
  • 1,278 posts
  • LocationUSA

Posted 28 July 2006 - 03:13 PM

Any Ideas?

#10 nogray

nogray
  • Members
  • PipPipPip
  • Advanced Member
  • 930 posts
  • LocationSan Francisco CA

Posted 28 July 2006 - 04:18 PM

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

NoGray.com


#11 cmgmyr

cmgmyr
  • Members
  • PipPipPip
  • Advanced Member
  • 1,278 posts
  • LocationUSA

Posted 28 July 2006 - 04:41 PM

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




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users