Jump to content

100% height works in IE but not in FF


Spawny
 Share

Recommended Posts

Hi All,i'm struggling with a difference in firefox and IE. I have two sidebars either side a main text box. I want the sidebars to be fixed and 100% of the screen, but the main text box to scroll to fit. It works fine in IE but Firefox stops at different stages. Neither is in a containing DIV and i can't work it out....you can see it herehttp://www.euinvest.ie/scsi/clients.htm

body{background: gainsboro;}ul{list-style:circle; margin:15px 0 20px 0; font-size:0.9em;}li{margin:0 0 8px 25px;}a{color:#d85d5d; font-weight:bold; text-decoration:none;}a:hover{color:#505050; text-decoration:underline;}img{margin:0px 15px 0 0; padding:1px; background:#ffffff; border:1px solid #d0d0d0;}a img{border-color:#d85d5d;}a img:hover{background:#d85d5d; border-color:#d85d5d;}/**************** Sidebar area styles ****************/.sidebar{position: static; top:0; left:0; width:190px; height:100%; background:darkkhaki; text-align:right;margin:0 0 18px 0; color:#606060; font-size:0.8em; overflow:auto;}#rightsidebar{position: static; top: 0px; left: 590px; width: 200px; padding: 5px; border: 2px solid #c0c0c0;overflow: auto; color: #606060; background: darkkhaki; text-align: left; font: 76% Verdana, Tahoma, sans-serif;line-height: 8pt; font-size: 1.1em; font-weight: normal;}label,input {	display: block;	width: 100px;	float: left;	margin-bottom: 5px;	margin-left: 30px;	margin-top: 10px;	line-height:8pt;}label {	text-align: left;	margin-left: 10px;	width: 75px;}br {	clear: left;}/**************** Navigation menu styles ****************/#menu a{display:block; width:172px; padding:5px 18px 5px 0; color:#606060; background:darkkhaki; font-size:1.8em; font-weight:normal; text-decoration:none; letter-spacing:-2px;}#menu a:hover {color:#303030; background:olivedrab;}#menu a.active{padding:5px 18px 5px 0; background:white; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;}#menu a.active:hover{color:#505050; background:white;}/**************** Content area styles ****************/.right{float: right;padding: 10px;}.left{float: left;} hr {  border: 1px;  width: 80%;   color: silver;	background-color: silver;	height: 1px;}.maintextbox {position: absolute;overflow: auto;float:left;background:#fafafa;top: 0px; left:190px; height: 800px; width: 320px;font-size: 10pt; color: black;line-height: 16pt;padding: 40px;text-align: left; font-family: Verdana,Tahoma,sans-serif;}

Link to comment
Share on other sites

Well i'll not bother posting here again, luckily i managed to see the problem, the CSS file referenced was the wrong one, but out of the two posts i've put up so far i've had the grand total of.....wait for it.......0 replies.

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...