Morsusy2k Posted February 2, 2013 Share Posted February 2, 2013 (edited) Okay so i'm having some problems with my site. First of all when looking with chrome its all perfect,but when I used new FireFox to browse my site I noticed that "float:left" does not work in FF. Take a look.I'm sure that this can be fixed I'm just not still sure how :SPlease help,Thanks Edited February 15, 2013 by Morsusy2k Link to comment Share on other sites More sharing options...
jeffman Posted February 2, 2013 Share Posted February 2, 2013 Try removing float:left from div class="allcontent" -- that works in FF and doesn't change Chrome. Link to comment Share on other sites More sharing options...
Morsusy2k Posted February 2, 2013 Author Share Posted February 2, 2013 Thanks! That worked! Next thing is i cant stretch my footer (black line on the bottom) from side to side,there is always like 10px left on both sides,i managed to make it work on the one on very top of the page but i cant make this one work.. Link to comment Share on other sites More sharing options...
jeffman Posted February 3, 2013 Share Posted February 3, 2013 (edited) Wow. You've bent over backwards a lot more than you needed to. First problem, by default the body element has padding or margin, depending on the vendor. You should always set that to 0. In fact, most of us set the padding and margin of all elements to 0, like this: * { padding: 0; margin: 0;} That way, when you need padding or margin, set it yourself, and you know exactly what you're getting. With that fixed, don't set the width of your topbar to 100%, and don't set its position, top, or bottom AT ALL. Same with the bottom bar. See if just doing that fixes your problem. Edited February 3, 2013 by Deirdre's Dad Link to comment Share on other sites More sharing options...
Morsusy2k Posted February 3, 2013 Author Share Posted February 3, 2013 It fixes the problem but it makes a new one :SAll my ul and li css is not shown:Before:http://img69.imageshack.us/img69/2699/69633783.jpg After:http://img571.imageshack.us/img571/2464/88473539.jpg And other thing is that its overlapping with the div on top of it as you can see,i need it under it.Thanks for helping. Link to comment Share on other sites More sharing options...
Ingolme Posted February 3, 2013 Share Posted February 3, 2013 Rather than the universal selector I would choose which tags to reset, to start off. html, body { margin: 0; padding: 0;} Link to comment Share on other sites More sharing options...
Morsusy2k Posted February 3, 2013 Author Share Posted February 3, 2013 Yeah that did the trick,now all that is left to do is to put footer below the container with text.. Link to comment Share on other sites More sharing options...
Morsusy2k Posted February 4, 2013 Author Share Posted February 4, 2013 Solved! Thanks for helping Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now