3 replies [Last post]
tarjoadi
Offline
Regular
Last seen: 12 years 39 weeks ago
Joined: 2007-06-15
Posts: 15
Points: 0

Hi,

I have this code:

.Games {
float: left;
width: 166px;
margin-left: 1px;
}
.onlineGames {
background-color: #999999;
height: 55px;
width: 166px;
float: left;
margin-left: 2px;
margin-top: 1px;
}

















When I open this in IE the spaces between "Games" divs is much bigger than those from the page opened in FF.
Why? how can I resolve this problem?

10x

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 26 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Are you talking about

Are you talking about horizontal space? It's probably because of IE's double margin bug which affects adjacent floats. Adding display: inline to the floated elements corrects the bug.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Godriguez
Offline
newbie
Panama/US
Last seen: 13 years 43 weeks ago
Panama/US
Joined: 2007-06-16
Posts: 2
Points: 0

Boxes breaking in IE 6…padding?

This comment has been moved here.

tarjoadi
Offline
Regular
Last seen: 12 years 39 weeks ago
Joined: 2007-06-15
Posts: 15
Points: 0

10x

10x