Im working on a wordpress theme for a site of mine, but for some reason the div isnt going the length of the content, instead it goes the length of the page and stops. It works fine in IE, but doesnt in firefox... Whats wrong with the css? Website is: http://www.h3hidden.com/
Not sure if this solves your problem but why did you use the following code twice? <style type="text/css" media="screen"> @import url( http://www.h3hidden.com/wp-content/themes/H3H/style.css ); </style> Code (markup): Make sure that you remove the one that is used before the doctype. Besides that I see you use, hieght: 100%, why not just leave that blanco cause 100% is supposed to be the same as (amount of content on the page), so just try to remove the whole height tag.
If i remove the one before the doctype, the white background doesnt even show. Removing the height:100% also does the same (white background doesnt show)
Maybe you are using paragraphs instead of divs. Paragraphs are an exception in FF. They will only extend as long as the text that is contained in them plus any fixed sized padding, and they do not dynamically stretch to fit the area with a 100% height spec as you would hope. While a p is normally a good semantic choice for text, it has this limitation in FF. Try using a div instead and set it to 100% height as needed.
Quirks mode. Like hellusius said, get rid of the shit before DOCTYPE and start from there. Your site will probably look messed up, but it will be much more consistent when its in almost-standards mode (xhtml1 trans is almost-standards, right?)
http://205.209.146.77/quirks.html What I did was move the <style> you had above the DOCTYPE in the <head>, and contain floats on #content.
Thank soulscratch, Ive only made a couple css templates in the past, and never had this problem. Plus integrating wordpress (never used it before) added to the problem.