float works in moz but not ie

@rpcarnellJul 30.2006 — #okay,

if you have two boxes floating right, let's say, something like this:

#right_1

{

float: right;

width: 200px;

}

#right_Part_2

{

float: right;

width: 200px;

}

The above example shows two layers floating to the right. Chances are one will go next to the other, but resizing the screen can easily create trouble. In my opinion, you should have something like this:

#right_1

{

float: right;

width: 200px;

-----------------> margin-right: 200px;

}

#right_1

{

float: right;

width: 200px;

-----------------> margin-right: 400px;

}

Since the boxes are floating right, they will obey the margin-right setting, and that may stop them from overlapping.

Another thing you should do is designing for the lowest resolution used these days. 600x800.

Now, why use two float-rights, and not one float: left and one float:right ?

If you are floating four boxes in one single column, maybe you are better off with a table.

float works in moz but not ie

2 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

float works in moz but not ie

2 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

2 Comments(s) _↴

Also in #CSS _↴