Css IE kai Firefox

Anything questions related to styling should go in here.
Post Reply
patraghost
Posts: 5
Joined: Mon May 30, 2011 3:23 pm

Css IE kai Firefox

Post by patraghost »

hello guys! i am new to css and i got a question! I am trying to create a css style of 2 columns,header,footer. i try this simple code

Using css Syntax Highlighting
body{
background-color:#000;
margin:0;
padding:0;
}

#header{
margin-top:0;
background-color:#01B084;
height:150px;
text-align:center;
}

#left{
float:left;
width:200px;
background-color:#dc8;
min-height:650px;
height:auto !important; /* for modern browsers */
height:650px; /* for IE5.x and IE6 */

}

#center {
padding-left:5px;
margin-left:200px;
background-color:#eec;
min-height:650px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:650px; /* for IE5.x and IE6 */
}

#footer {
clear:both;
background-color:#00CC99;
margin-top:0px;
height:50px;
}


but in IE i get the left column too small (and with the body backround color of body filled up to footer) and with firefox i get a gap filled with body bockround color above footer.
How can i fix that ?is that dificult to make a simple as that layout for both browsers? thanks in advance !!
User avatar
jacek
Site Admin
Posts: 3262
Joined: Thu May 05, 2011 1:45 pm
Location: UK
Contact:

Re: Css IE kai Firefox

Post by jacek »

The first step to solving cross browser issues like this is usually making sure the HTML you are using is valid, so I would start there before looking at the CSS at all.
Image
Post Reply