Jump to content

How to get an "auto extending" box in CSS / Firefox?


f1ddy
 Share

Recommended Posts

Hey guys,Needing a bit of help with this small problem here!Using a news script to maintain news for the website, and then calling it via php etc to be displayed on the page.Now, on IE, the "frame" of the website (or center column div) extends fine along with the text.However, in Firefox, it doesn't. The text continues OVER the bottom of the "frame" when it shouldn't, and the frame should expand.Any ideas on how to fix this?http://www.360gamerz.co.uk/beta2a.php in Firefox to see what I mean!CSS Code

body {margin:.5em;padding:0;height:100%;background-color:#f7f9fb;background-image:url('http://www.360gamerz.co.uk/images/body-bg.jpg');background-repeat:repeat-x;text-align:center;color:#000000;  font-family:Arial, Helvetica, sans-serif;font-size:.9em; }a {color:#03225e;text-decoration:underline;}a:hover {color:#2766A5;text-decoration:none;}#centerColumn { 	margin:0 auto;height:100%;padding:1em;width:47em;text-align:left;vertical-align: middle;	background-color:#ffffff;border:1px solid #092e54;}#centerColumn h2 {margin:0 0 -.5em 0;padding:.75em 0 0 0;font-size:1em;letter-spacing:.1em;}#header {margin:0 0 0 0;padding:0 0 0 0;height:10em;background-color:#ffffff;background-image:url('http://www.360gamerz.co.uk/images/header-bg.jpg');background-repeat:no-repeat;border:1px solid #22477e;}#header h1 {margin:0 0 -.6em 0;padding:1em 0 0 1em;font-size:1.5em;letter-spacing:.1em;}#header h2 {margin:0 0 0 0;padding:1em 0 0 1.75em;font-size:.9em;font-weight:300;letter-spacing:.1em;}#navtabs {margin:0 0 0 0;float:right;width:100%;height:6em;font-size:93%;line-height:normal;}#navtabs ul {margin:0;padding:4.1em 0 0 .2em;list-style:none;}#navtabs li {display:inline;margin:0;padding:0;}#navtabs a {float:right;background-position: right top;background-repeat:no-repeat;margin:0;text-decoration:none; padding-left:4px; padding-right:0; padding-top:0; padding-bottom:0}#navtabs a span {float:right;display:block;background-position: right top;background-repeat:no-repeat;color:#ffffff; padding-left:6px; padding-right:15px; padding-top:5px; padding-bottom:4px}/* Commented Backslash Hack hides rule from IE5-Mac \*/#navtabs a span {float:none;}/* End IE5-Mac hack */#navtabs a:hover span {color:#000;}#navtabs a:hover {background-position:0% -42px;}#navtabs a:hover span {background-position:100% -42px;color:#9ecaf6;}#fauxRightColumn {position:relative;float:right;padding:0 .7em .25em .7em;width:12em;font-size:.9em;colour:#014170background-color:#ffffff; margin-left:.5em; margin-right:0; margin-top:.5em; margin-bottom:0}#fauxRightColumn h2 {margin-bottom:-1em;font-size:.9em;colour:#014170}#fauxRightColumn ul {margin:1.5em 0 0 0 !important;margin:1.5em 0 0 3em;list-style:none;}#fauxRightColumn li {margin:0 0 .2em -3em;}#fauxRightColumn li a {text-decoration:underline;}#fauxRightColumn li a:hover{text-decoration:F7FGFB;}#footer {position:relative;bottom:0;margin:5em 0 0 0;padding:0;height:4em;line-height:4em;text-align:center;font-size:.7em;background-color:#ffffff;border-top:1px solid #cccccc;}

Thanks!!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...