Height % In Ff Problems With Css

free web hosting
Open Discussion > CONTRIBUTE > Computers > Programming Languages > CSS (Cascading Style Sheets)

Height % In Ff Problems With Css

FLaKes
Does anyone know how to make the height of a div in firefox equal to the percentage you input? For example if I put <div style="height:100%; min-height:100%;">blablabla</div> the div container will only be as high as the text makes it, when in internet explorer it does make it take up 100% of the page or whatever height in percentage I input in it.

by the way, html, body {} have 100% height in them, so does the container that has the div element.

Example:

html,body {height:100%;}
#container {height:100%;}
#div {min-height:100%;}


the one called #div is the one I want with 100% height.

Thanks for any help.

Reply

Albus Dumbledore
just a tip, you might want to edit your post and but the CSS/Codes in code tags....

Reply

truefusion
While keeping with web standards, the height property does not support percentages.

Reply

galexcd
I had the same problem, for the longest time i couldn't figure it out, then it turned out, there was an open table tag in the CSS area. Check for open tags

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.

Recent Queries:-
  1. css input height - 410.08 hr back. (1)
  2. firefox 100% div height? - 741.21 hr back. (1)
  3. 100% height ff issue - 806.26 hr back. (1)
  4. height related problems - 894.32 hr back. (2)
  5. ie6 height problem css - 905.58 hr back. (1)
Similar Topics

Keywords : height ff problems css

  1. Span "display: _____" Problems - block vs inline (2)
  2. Css Help 100 % Height - (6)
    Allright so im working on a page and i need ot to always extent to the bottom of the page go figure
    lol.... However i cant figure out how to do this and have it work... either css or w/e else can be
    used to do it i just cant get it to flaot or sit at the bottom heres what ive got so far
    http://woodlawnwt.com/tdc/duffield-collection.html works in dreamwearver ( i use it for the color
    code and the ftp stuff... not for the wysiwig stuff lol...) but i cant get it to show in either ff
    or ie http://ryanfait.com/sticky-footer/ solution is there.... lol...
  3. 100% Height Issue With Stretching Top To Bottom - Full Page - Problem with content not stretching from top to bottom. (5)
    Another CSS problem thats been annoying me. I got this tempalte off
    http://www.xs4all.nl/~peterned/examples/csslayout1.html the css file is here
    http://www.xs4all.nl/~peterned/examples/css/layout1.css I went ahead and applied it to my template.
    Their main divs contain 1 main container, 3 sub divs (header, content, and footer). HTML div
    id =" container "> div id =" header "> /div > div id =" content "> /div > div id
    =" footer "> /div > /div > I've had to add a few more divs inside the header div to
    include my table for banner an...
  4. How Do I Extend My Div To 1oo% Height? - Also welcoming criticisms on my webpage (13)
    Hi all, this is a two part post, firstly how do i get my DIV to go the full length of my page
    without specifying its height in pixels? My first thought is by using a percentage height but it
    seems to have no effect on the DIV. I ask because of this page http://www.shadows.trap17.com/ww/
    that i created. Now im using 128Ox8OO res at the moment and with my current use of BR tags i can
    extend the div down to the bottom of the page, only in firefox its a few pixels too short and in IE
    its a few too long so i get scrolling in IE and a grey gap in FF, not good for a website ...
  5. [problem] Css Unordered List Display Problems Ie6 Bug - Making unordered list under unordered list couses some padding to appe (2)
    I just started designing something that i thought is gonna be a really simple xHTML strict template.
    Everything is right except that i thought of using unordered list, some other list under that list.
    Well this is the code for the Menu that is cousing me problems CODE <div
    id="lijevo">     <ul>         <li>List1</li>
            <li>List2</li>         <li>             <ul>
                <li>List 2 Sublist</li>                 <li>
                        <ul>               ...
  6. Basic Css Layout Issue - Floated Cell with similar height (5)
    Okay say I was building a site (what do you know I am!) and I want to use CSS. the problem
    being I don't know how to make a floated cell be the same height as another. FOr example CODE
    <div id="main"> <div id="left"> just some </br> stuff
    over </br> here! </div> <div id="right"> but...</br>
    over here </br> I have </br> even more stuff</br> to </br>
    display</br> </div> </div> now If I float the left to the left ...
  7. Embeded Div's And Css Problems - (10)
    I am making a website dessign that makes heavy use of CSS and DIV's now When I view my site as
    it is in IE it works almost perfect, but when I open it in Firefox the main background dissapears,
    here is the site here is the site and here is the external CSS file: CODE BODY {  
     background-color:#ffffff; background-image: url(images/topimage.jpg);
    background-repeat:repeat-x; } DIV.content { width:760px; position:absolute;
    top:19px; left:19px; } DIV.head { width:758px; height:125px;
    background-image: url...
  8. css scripting problems need help - NEED HELP (5)
    for some unknown reason the scroll bar info will not kick in it eithers makes the page doe wierd
    things or nothing at all and i know i got it right so whats need help QUOTE BODY {
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; margin:
    0px; padding: 0px; background-color: #2d3851; } h1 { font-family: Times New Roman, serif;
    font-size: 26px; font-weight: normal; color: #e9f2fc; } h2 { font-family: Verdana, Arial,
    Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; } p { font-family:...



Looking for height, percent, ff, problems, css

*RANDOM STUFF*





*SIMILAR VIDEOS*
Searching Video's for height, percent, ff, problems, css

*MORE FROM TRAP17.COM*
advertisement



Height % In Ff Problems With Css



 

 

 

 

ADD REPLY / Got an Opinion! a humble request :-) RAPID SEARCH! Free Hosting [X]
Express your Opinions, Thoughts or Contribute your information that might help someone here.
Ask your Doubts & Queries to get answers.. "Together, We enlight each other!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE