• 0

Problems with CSS on Firefox


Question

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:

post-104203-1137860998_thumb.jpg

This is where my problem arouses, when using Firefox:

post-104203-1137860985_thumb.jpg

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

  • 0

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.

  • 0
  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.

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.