Css positioning with float problem

Get Started
1

Under Firefox i havent problems, but under IE7 the right column, that i called column2 isnt on right side. It s under column1 (left side). Maybe have to put anywhere clear in column1, but i dont know. please help :confused:

my site: here
column1 is floated left, column2 is floated right

thanks in advanceā€¦

2

Hi try to make the margin-left=0; this will fix the IE Problem :cool:

3

for the main content

4

tried this, but without successā€¦ is there another solution for this problem ? :x

5

I am sure it is margin try this inline style also set left to 0px
<div id=ā€œcolumn1ā€ style=ā€œleft: 0px; margin-left: 0px;ā€>
and use Developer tools in IE it is same as firebug to debug your style in IE

6

Reduce the column1 margin a bit too, or adjusts the column widths a bit:

#column1 {
  float: left;
  width: 562px;
  margin-top: 15px;
  [COLOR="Red"]margin-left: 10px;[/COLOR]  
}

#column2  {
  float: right;
  width: 335px;
  margin-top: 15px;
[COLOR="Red"]  margin-left: 0;[/COLOR]
  margin-right: 15px;
}

That worked for me in IE7.

7

thanks for advice @a-elnajjar :wink:

@ralph.m thanks man, it`s now done ! :slight_smile: