Jul 7, 2008

Height % In Ff Problems With Css

Free Web Hosting, No Ads > CONTRIBUTE > Computers > Programming Languages > CSS (Cascading Style Sheets)

free web hosting

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.
Confirm Code:

Recent Queries:-
  1. css div height problems firefox - 0.33 hr back.
  2. css body height - 135.39 hr back.
  3. how to make div 100% in height - 148.56 hr back.
  4. css span height - 160.17 hr back.
  5. force span height firefox css - 465.72 hr back.
  6. css body height 100% firefox - 626.70 hr back.
Similar Topics

Keywords : height, percent, 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. 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 ....
  4. 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....
  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:....

    1. Looking for height, percent, ff, problems, css

Searching Video's for height, percent, ff, problems, css
advertisement



Height % In Ff Problems With Css



 

 

 

 

ADD REPLY / Got an Opinion! Remove these ADs! RAPID SEARCH! Free Web Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
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