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 Link to comment https://forums.phpfreaks.com/topic/79683-can-anyone-help-me-with-trying-to-get-70-height-div-in-firefox/ 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 Link to comment https://forums.phpfreaks.com/topic/79683-can-anyone-help-me-with-trying-to-get-70-height-div-in-firefox/#findComment-403958 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.