[advanced search]
Results from the most recent live auction are here.
21 members in the live chat room. Join Chat!
Register Rules & FAQ NP$ Store Active Threads Mark Forums Read
Go Back   NamePros.Com > Design and Development > Programming
Reload this Page height: 100% with margin: auto ?
User Name
Password

Old 01-14-2007, 08:48 AM   · #1
VaporAction
New Member
 
Trader Rating: (0)
Join Date: Nov 2006
Posts: 12
NP$: 0.00 (Donate)
VaporAction is an unknown quantity at this point
height: 100% with margin: auto ?
I'm trying to make a page with margin: auto; so that it's always centered and I want the page to continue to the bottom of the browser so I set the height to 100%...
problem is that height: 100% only works with position: absolute but margin: auto only works with position: relative...
anybody know how to do this?


Please register or log-in into NamePros to hide ads
VaporAction is offline   Reply With Quote
Old 01-14-2007, 10:01 AM   · #2
Matthew.
Stud Sausage
 
Location: England
Trader Rating: (25)
Join Date: Dec 2006
Posts: 1,545
NP$: 32.41 (Donate)
Matthew. has much to be proud ofMatthew. has much to be proud ofMatthew. has much to be proud ofMatthew. has much to be proud ofMatthew. has much to be proud ofMatthew. has much to be proud ofMatthew. has much to be proud ofMatthew. has much to be proud ofMatthew. has much to be proud of
Adoption Breast Cancer Breast Cancer Cancer Survivorship
height: 100% doesn't technically exist. The way most do it is to create a background image that mimics the current background and then use repeat-y to make it stretch to the bottom.
__________________
My NamePros Tools
(firefox plugin, google gadget etc)
Matthew. is offline   Reply With Quote
Old 01-14-2007, 10:28 AM   · #3
beaver6813
NamePros Regular
 
beaver6813's Avatar
 
Name: Sam Cleaver
Location: England
Trader Rating: (11)
Join Date: May 2005
Posts: 346
NP$: 59.50 (Donate)
beaver6813 is a jewel in the roughbeaver6813 is a jewel in the roughbeaver6813 is a jewel in the rough
Agreed with Matthew, although height:100% may work on some browsers its really not compatible and not W3 compliant. Really depending on what you need it for there are various work arounds.
__________________
-Beaver6813.com V5 Soon!
beaver6813 is offline   Reply With Quote
Old 01-14-2007, 03:35 PM   · #4
VaporAction
New Member
 
Trader Rating: (0)
Join Date: Nov 2006
Posts: 12
NP$: 0.00 (Donate)
VaporAction is an unknown quantity at this point
height: 100%; works if you set all containing blocks between the target div and the browser window to height: 100%; meaning that you have to set ....

html {height: 100%}
body {height: 100%}
div {height: 100%}

however, I would like the page to be fully standards-compliant...
is height: 100%; really not compliant and if not, what would be a better method?
VaporAction is offline   Reply With Quote
Closed Thread

NamePros is a revenue sharing forum.
« Write HTML tags to file (PHP) | Looking for easy to use database creation software. »

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


Site Sponsors
Hunting Moon Proof is in the Parking EscrowDNS
Advertise your business at NamePros
All times are GMT -7. The time now is 10:55 AM.

Advertise At NamePros - Contact Us - NamePros.Com - Archive -Privacy Statement -Top

Powered by: vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 2.4.0