100% height — OZONE Asylum, home of the Mad Scientists

XML - XSL - XSLT - XHTML - CSS - DOM

100% height

This page's ID: 25963

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	[quote][b]templar654 said:[/b] This doesn't render anything in either browser. I have another div in the XHTML structure called #content, when I place height: 100% to that in the CSS IE stretches it to the bottom plus more and that's bad...[/quote] Well it should work and the extra space in IE could be many things - going to need to see the entire source. [quote][b]templar654 said:[/b] ... my other problem is this navigation I have, I don't understand how this happened, I've made this type of a nav before and this is the first time I'm facing this problem. I've uploaded an example of what the problem is here. Know what's wrong??[/quote] Replace this... [code]#nav ul li { list-style-type: none; margin: 0; padding: 0; }[/code] ...with this... [code]#nav ul li { list-style-type: none; margin: 0; padding: 0; display: inline; }[/code] Replace this... [code]body { margin: 0 auto; padding: 0; width: 400px; text-align: center; } /* layout / #nav { margin: 75px 0 0 0; padding: 0; width: 400px; text-align: center; }[/code] ...with this... [code]body { margin: 0 auto; padding: 0; width: 400px; } / layout */ #nav { margin: 75px 0 0 0; padding: 0; width: 400px; }[/code] Add this: [code]#nav ul li a { display: block; height: 100%; padding: 4px 0 4px 10px; }[/code] Replace this... [code]#nav ul li a:link { font: 11px Verdana, Arial, sans-serif; color: #fff; text-decoration: none; display: block; padding: 4px 0 4px 10px; margin: 0; } #nav ul li a:visited { font: 11px Verdana, Arial, sans-serif; color: #fff; text-decoration: none; display: block; padding: 4px 0 4px 10px; margin: 0; } #nav ul li a:active { font: 11px Verdana, Arial, sans-serif; color: #fff; text-decoration: none; display: block; padding: 4px 0 4px 10px; margin: 0; } #nav ul li a:hover { font: 11px Verdana, Arial, sans-serif; color: #000; text-decoration: none; display: block; background-color: #c4e52a; padding: 4px 0 4px 10px; margin: 0; }[/code] ...with this... [code]#nav ul li a:link { font: 11px Verdana, Arial, sans-serif; color: #fff; text-decoration: none; display: block; margin: 0; } #nav ul li a:visited { font: 11px Verdana, Arial, sans-serif; color: #fff; text-decoration: none; display: block; margin: 0; } #nav ul li a:active { font: 11px Verdana, Arial, sans-serif; color: #fff; text-decoration: none; display: block; margin: 0; } #nav ul li a:hover { font: 11px Verdana, Arial, sans-serif; color: #000; text-decoration: none; display: block; background-color: #c4e52a; margin: 0; }[/code] Add this: [code]p { margin: 1em 0; } h1 { margin: 1em 0; }[/code] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu