Firefox layout problems

**mrb1972** · 12-18-2005, 04:17 PM

hi,

I wonder if anyone can help with my layout problems in Firefox, i have tried to have vertically alignment on the whole page, its looks ok in IE but not FF.

Im fairly new to CSS so if anyone can spot what i have done wrong that would be great

link to layout here

thanks

**jscheuer1** · 12-18-2005, 04:28 PM

Other than the header border-bottom not showing up in FF, I see no real difference between the two browsers. That can be fixed by using a height of 20px for that class under FF:

Code:

.header{
 position:absolute; 
 top: 0px;
 left: 0px;
 height:20px!important;
 height:22px; 
  background-color:#F5F5F5; 
 width:900px;
border-left: 1px solid #0082c6;
border-top: 1px solid #0082c6;
border-right: 1px solid #0082c6;
border-bottom: 1px solid #0082c6;
  background-repeat:repeat-x;
	background-position: left bottom;
	background-image:url(images/top.jpg); 
}

**mrb1972** · 12-18-2005, 04:58 PM

ok thanks

I also see a problem in firefox with the right hand border seems to be 1 pixel out of line with the header.

**jscheuer1** · 12-18-2005, 07:10 PM

Ah, so. I missed that one, it can be remedied in a similar fashion:

Code:

.maincol{background-color: #FFFFFF;  
left:550px;
top:22px;
 float: right; 
 display:inline; 
 position:absolute; 
 width:351px!important; 
 width:350px;
 height:441px;
 border-right: 1px solid #0082c6;
 background-repeat: no-repeat;
	background-position: right center;
	background-image:url(images/right_side.jpg); 
 }

**elliott** · 01-03-2006, 12:49 PM

So if I am understanding you right

Code:

 width:351px!important;

the !important is only done by Firefox? Or only done by IE?

**Twey** · 01-03-2006, 03:59 PM

Every CSS-capable browser recognizes !important except IE, as far as I know.

**jscheuer1** · 01-03-2006, 06:19 PM

Originally Posted by Twey

Every CSS-capable browser recognizes !important except IE, as far as I know.

Technically yes, with a twist. If there is no other value given later for that property, IE will follow the value given, even if it has !important appended to it.