hosted by liquidweb


Go Back   Web Hosting Talk : Web Hosting Main Forums : Programming Discussion : firefox ignoring max-height: 100%
Reply

Forum Jump

firefox ignoring max-height: 100%

Reply Post New Thread In Programming Discussion Subscription
 
Send news tip View All Posts Thread Tools Search this Thread Display Modes
  #1  
Old 12-04-2008, 06:36 AM
matt2kjones matt2kjones is offline
Web Hosting Master
 
Join Date: Jun 2002
Location: United Kingdom
Posts: 1,236
firefox ignoring max-height: 100%

Hello.
Im currently writting a webpage, which needs to stretch to the width of the page, and the height of the page. At the moment the page layout is something like this:
Code:
|-----------------|
| A1 | |
| | |
--------- B1 |
| | |
| A2 | |
| | |
-------------------
The overral table stretches to the width of the page correctly in all browsers i have tested, using the following CSS:
Code:
.doc-table{
color: #555;
font-family: verdana, arial;
font-size: 12px;
width:100%;
height:100%;
background: #EEEEFF;
}
A1 is fixed width of 300px, and height of 300px. A2 has the same fixed width, but no height (so that it uses the free space). B1 has no width and height, to use all the available space.
Now, in B1 i have div tags... because i want the text in inside of the div, to overflow with scrollbars, and not stretch the table layout beyond 100% of the screen.
The code i am using for the div is:
Code:
.results-div{
position: relative;
height: 100%;
max-height: 100%;
overflow-y: scroll;
overflow-x: scroll;
}
prior to adding max-height .... in both IE and firefox, the table still stretched and the scrollbars never worked.
However, i put the max-height in, and now it works in IE, but in firefox the whole main table still stretches.
I assume its because im using percentages, but i MUST layout the table to ue 100% of the space.
how do i get around this problem.
Thank you.





__________________
TDDRadio - The Best in Rock MusicListen at 192k



Sponsored Links
  #2  
Old 12-05-2008, 06:10 AM
D-Collateral D-Collateral is offline
Junior Guru Wannabe
 
Join Date: Mar 2008
Posts: 30
Have you first set the <body> tag to a height:
Code:
body {
background:#000;
height:100%;
min-height:100%;
}

Reply

Related posts from TheWhir.com
Title Type Date Posted
Supreme Court Ruling Opposes Aereo's Streaming Service, But Leaves Many Issues Around Cloud Services Unsettled Web Hosting News 2014-06-26 18:11:36
Web Host BurstNET to Shut Down Customer Services by July 25 Web Hosting News 2014-06-24 18:21:24
OnApp Opens Public Cloud Compute Marketplace for Service Providers Web Hosting News 2014-06-17 10:08:31
Mozilla Firefox 23 Will Block Mix SSL Content by Default Web Hosting News 2013-04-12 11:39:07
Mega Firefox Extension Speeds Up Downloads, Removes File Size Limits Web Hosting News 2014-05-01 08:22:29


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes
Postbit Selector

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off

Forum Jump
Login:
Log in with your username and password
Username:
Password:



Forgot Password?
Advertisement:
Web Hosting News:



 

X

Welcome to WebHostingTalk.com

Create your username to jump into the discussion!

WebHostingTalk.com is the largest, most influentual web hosting community on the Internet. Join us by filling in the form below.


(4 digit year)

Already a member?