1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Height doesnt go longer then the page.

Discussion in 'CSS' started by killaklown, Oct 4, 2007.

0
  1. #1
    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/
     
    killaklown, Oct 4, 2007 IP
  2. hellusius

    hellusius Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    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.
     
    hellusius, Oct 4, 2007 IP
  3. killaklown

    killaklown Well-Known Member

    Messages:
    2,666
    Likes Received:
    87
    Best Answers:
    0
    Trophy Points:
    165
    #3
    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)
     
    killaklown, Oct 4, 2007 IP
  4. Arnold9000

    Arnold9000 Peon

    Messages:
    241
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #4
    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.
     
    Arnold9000, Oct 4, 2007 IP
  5. soulscratch

    soulscratch Well-Known Member

    Messages:
    964
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    155
    #5
    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?)
     
    soulscratch, Oct 4, 2007 IP
  6. soulscratch

    soulscratch Well-Known Member

    Messages:
    964
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    155
    #6
    soulscratch, Oct 4, 2007 IP
    killaklown likes this.
  7. killaklown

    killaklown Well-Known Member

    Messages:
    2,666
    Likes Received:
    87
    Best Answers:
    0
    Trophy Points:
    165
    #7
    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.
     
    killaklown, Oct 4, 2007 IP