Subfusion Posted January 21, 2006 Share Posted January 21, 2006 Right, I'm having some small problems with CSS. Basically, IE displays the design just the way I want it to look like whereas, Firefox doesn't. I need help is sorting this out, I have attached an archive with the html and css file in it. This is how the website should look correctly, it's a screenshot using IE: This is where my problem arouses, when using Firefox: Xirgo.zipFetching info... Link to comment https://www.neowin.net/forum/topic/423486-problems-with-css-on-firefox/ Share on other sites More sharing options...
0 Dr.Jones Posted January 21, 2006 Share Posted January 21, 2006 Removing this line : background: #666; from your Body tag solved the problem for me here in firefox Link to comment https://www.neowin.net/forum/topic/423486-problems-with-css-on-firefox/#findComment-587095854 Share on other sites More sharing options...
0 Subfusion Posted January 21, 2006 Author Share Posted January 21, 2006 Dr.Jones said: Removing this line : background: #666; from your Body tag solved the problem for me here in firefox The thing is, I want the background to be that grey color, and the header white. Link to comment https://www.neowin.net/forum/topic/423486-problems-with-css-on-firefox/#findComment-587095872 Share on other sites More sharing options...
0 Dr.Jones Posted January 21, 2006 Share Posted January 21, 2006 Ok. Forget my first post, and add this line to your wrap tag : height:80px; Link to comment https://www.neowin.net/forum/topic/423486-problems-with-css-on-firefox/#findComment-587095922 Share on other sites More sharing options...
0 Shadow Dragon Posted January 21, 2006 Share Posted January 21, 2006 "This is where my problem arouses, when using Firefox:" You might want to fix that ;). Link to comment https://www.neowin.net/forum/topic/423486-problems-with-css-on-firefox/#findComment-587095923 Share on other sites More sharing options...
0 Borbus Posted January 21, 2006 Share Posted January 21, 2006 I had this problem many times when I was trying to do CSS ages ago. The problem is, if the only content in a div is another div, then for some reason Firefox does not count the second div as being in the first div. I can't remember whether I found a solution to this or not. To see what's happening clearer, add a 1px border to each div, you will notice that the two at the top are just 2px thick lines because they have nothing in them. This is one thing that made me really confused with CSS. Link to comment https://www.neowin.net/forum/topic/423486-problems-with-css-on-firefox/#findComment-587095943 Share on other sites More sharing options...
0 TrevorB Posted January 21, 2006 Share Posted January 21, 2006 Try adding widths and heights. If you are using floats, make sure to clear them either with css or just breaks with clears on them. Link to comment https://www.neowin.net/forum/topic/423486-problems-with-css-on-firefox/#findComment-587095960 Share on other sites More sharing options...
0 Dr.Jones Posted January 21, 2006 Share Posted January 21, 2006 add this line to your #wrap tag : height:80px; IT works Link to comment https://www.neowin.net/forum/topic/423486-problems-with-css-on-firefox/#findComment-587095980 Share on other sites More sharing options...
0 Subfusion Posted January 21, 2006 Author Share Posted January 21, 2006 Dr.Jones said: add this line to your #wrap tag : height:80px; IT works The height tag is going to change, because in #container (Which is in #wrap) will have different heights, as my posts are going right below #heading and #nav. Edt: I should have said this before, by anyways. If you take a look at http://mattbrett.com/ that's what I'm trying to do, the header and the main post has a white background and the bottom grey part will have links to my del.icio.us account and other stuff. Link to comment https://www.neowin.net/forum/topic/423486-problems-with-css-on-firefox/#findComment-587096001 Share on other sites More sharing options...
Question
Subfusion
Right, I'm having some small problems with CSS. Basically, IE displays the design just the way I want it to look like whereas, Firefox doesn't.
I need help is sorting this out, I have attached an archive with the html and css file in it.
This is how the website should look correctly, it's a screenshot using IE:
This is where my problem arouses, when using Firefox:
Xirgo.zipFetching info...
Link to comment
https://www.neowin.net/forum/topic/423486-problems-with-css-on-firefox/Share on other sites
8 answers to this question
Recommended Posts