IE and FF inconsistencies...

gumbald · 19 Aug 2007 at 19:38

Starting to grate on me now

http://gumbald.co.uk again, the icons top right hand side. FF shows my intention, IE seems to ignore where it last placed a picture and plonk the others back at the top...

Can anyone point me in the right direction?

Here's the appropriate CSS:

Code:

.logo2 {
        margin: 0px;
        padding: 0px;
	float: right;
	clear: right;
	padding-right: 0px;
}
.icon1 {
	margin-top: 0px;
	padding: 0px;
	float: right;
	clear: right;
	padding-right: 0px;
}
.icon2 {
	margin-top: 0px;
	padding: 0px;
	float: right;
	padding-right: 10px;
}

.logo2 is the writing, the e-mail icon is .icon1, and the others are all .icon2

tsinc80697 · 19 Aug 2007 at 20:45

might sound ridiculous, but what is the reason behind having icon1 ?

Why not have all the small images in one div?

gumbald · 19 Aug 2007 at 21:45

tsinc80697 said:
might sound ridiculous, but what is the reason behind having icon1 ?

Why not have all the small images in one div?

Because if I put the "clear: right" on them all, they line up on the right.

SiriusB · 20 Aug 2007 at 02:33

gumbald said:
Because if I put the "clear: right" on them all, they line up on the right.

If they are in a div you could just float the whole lot and clear the div if necessary.