|
#1
| |||
| |||
| 100% Height??? Hey guys, I'm trying to create a DW template that has a table set to 100% height. Of course I can do this in the property inspector and in my design view it looks fine, but when I preview it in my browser this parameter does not occur. I want it to be 100% height because I wanted to add the footer of the page right at the bottom even if there is only a small amount of content on a particular page. I have had this working once before using CSS but I've tried the same route and that didn't work either. Any suggestions or a work through? Thank you in advance. Ian
__________________ http://www.360designstudios.tv |
|
#2
| ||||
| ||||
| Make sure the DocType isn't XHTML (which doesn't support height="100%"). Set it to HTML 4.01 Transitional.
__________________ 15" MacBook Pro Mac OS X v10.5.1 2.33GHz, 2GB RAM, 120GB HDD 5G iPod 60GB |
|
#3
| |||
| |||
| Thanks for the response. Yep, the page is already set to HTML 4.01 Transitional. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> The height="100%" works fine in my design view, it's when I preview the page in my browser (Firefox and Safari) that it doesn't appear to work. Strange eh?
__________________ http://www.360designstudios.tv |
|
#4
| |||
| |||
| Try this... You need to remove the url from the DOCTYPE: Change <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> to <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> |
|
#5
| |||
| |||
| Ah-ha, that's it! Thanks mate!
__________________ http://www.360designstudios.tv |
|
#6
| ||||
| ||||
| In other words, you might as well leave the doctype out. Removing the URL is the same thing...kicks your browser into Quirks mode.
__________________ . | mdnky@macosx.com | My Homepage | My Music | Restore the Pledge | MacOSX.com Widget | • MacBook Pro Core2Duo 2.33GHz 15", 2GB DDR2 RAM, 120GB, DL Superdrive, OS X 10.5, • Apple 23" Cinema HD Display, Apple Slim-Stainless Keyboard, Logitech Optical Scroll Mouse • iPhone 8GB, iPod Photo 30GB, Nikon D50, Nikon L6, Epson 3490, Epson R1800, HP LaserJet 1200 • LaCie 500GB d2 Quadra, LaCie 160GB d2 FW, harman/kardon SoundSticks II, Mighty Mouse, iSight |
|
#7
| ||||
| ||||
| or use css. tables are evil. and with CSS you can have a TRUE floating footer at the bottom of the WINDOW.
__________________ PowerMac G5 Dual 2.0Ghz | 1Gb | 250Gb | Bluetooth | NVidia GeForce 6800 Ultra DDL 256Mb | 20" Cinema Display | MX1000 Wireless Laser Mouse | OS X 10.3.9 PowerMac G4 400Mhz | 832Mb | 40Gb + 120Gb | OS X Server 10.3.8 - Web Dev, Proxy, Mail, NAT, Firewall, Backup Netgear Gigabit Switch | Sony Ericsson P910i Smartphone | iPod Colour 60Gb |
|
#8
| ||||
| ||||
| "tables are evil" only if you use 473 of them on one page just for the perfect positioning of all those blank spacer gif's. They require too much code for too little style. Using one single table to layout the basic building blocks of a site is not evil at all.
__________________ This is not a signature (but I could be wrong). 15" MacBook Pro C2D@2.4 GHz | 2 GB RAM | Mac OS 10.5.4 | Website | LinkedIn | Publications GP/O d-(+)@ s: a->? C++(+++) U* P+ L+>++ !E---- W+++ N o? K? w--- O? M++ V? PS+++ PE-- Y+ PGP t 5? X- R !tv b++++ DI+(++)@ D+(++) G++(+++) e+++$>++++$$ h--->---- r+++ y++++@ |