c_shelswell Posted December 1, 2007 Share Posted December 1, 2007 Hi I'm having a bit of difficulty trying to get firefox to display a div at 70% of the height of the page. It seems to work fine in explorer 6. If any one can help that'd be great. Here's my code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>CAVA Index</title> <style type="text/css"> body { margin:0; padding:0; height:100%; background: #000; font-family: arial, verdana; color: #fff; } #header { height: 70px; background-color: #333; border:1px solid #fff; padding:4px; } #leftColumn { position:absolute; left:0; top:82px; padding:0; width:200px; height:60%; color:#fff; background:#222; border:1px solid #333; } .content { position: relative; top: 0px; margin-left:220px; margin-right:10px; margin-bottom:20px; color:#fff; background:#666; border:1px solid #999; padding:0 10px; height: 70%; } #leftColumn p { padding:0 10px; } p.top { margin-top:20px; } </style> </head> <body> <div id="header"> HEADER </div> <!-- end header --> <div id='leftColumn'> <div id='leftMenuCont'> MENU IN HERE </div><!-- end leftMenuCont--> </div><!-- end leftColumn --> <div class='content'> THIS IS THE BIT I NEED AT 70% </div><!-- end content --> </body> </html> This should just copy and paste. It look right in IE just wish i could sort it in FF Thanks for any help Quote Link to comment Share on other sites More sharing options...
phpQuestioner Posted December 2, 2007 Share Posted December 2, 2007 set you css style for your "content" class to this: display:block and see if that helps Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.