Siden i IE blir flyttet til venstre, margin feil?

[Stian_]

I IE så blir denne siden her:

/shoutbox/index.shtml

flyttet litt til venstre, noe som jeg ikke helt vet grunnen til.

 

Her er deler av css filen:

div.post {

width: 780px;

}

div.namePost {

font-weight: bold;

float: left;

text-align: left;

font-size: 1em;

color: #444488;

line-height: 1.25em;

margin-left: 10px;

}

div.linkPost {

float: right;

text-align: right;

font-size: 1em;

color: #444488;

line-height: 1.25em;

text-decoration: underline;

margin-right: 10px;

}

div.messagePost {

text-align: left;

width: 760px;

margin-left: 10px;

margin-right: 10px;

float: left;

font-size: 1em;

color: #444488;

line-height: 1.25em;

}

div.datePost {

text-align: right;

font-size: .8em;

color: #444488;

line-height: 1.25em;

margin-right: 10px;

}

 

 

og

 

div#middle {

background: url('../images/bg/middle.png') repeat-y;

width: 780px;

font-size: 1.2em;

color: #444488;

line-height: 1.25em;

/*Margin used for mozilla so it gets centered*/

margin-left: auto;

margin-right: auto;

}

 

 

css filen er her:

http://stian.bang.dot.no/homepage/misc/style.css

men må advare dere, det er mye rot i den filen.

[PoleCat]

IE Doubled Float Margin Bug

[Stian_]

takker PC, du er veldig kunnskapsrik

[PoleCat]

Dersom lenken ble noe uklar (som andre har gitt utrykk for før), så går prinsippet ut på å sette display: inline på alle flytende elementer som har marg mot den siden de flytes mot. Forstå det den som kan.

[Stian_]

Forstår det ikke, men fant ut hvor feilen var og satte inn display inline. Bare å prøve seg frem så finner man det ut.

 

Han Big John har skrevet noen bra artikler har jeg funnet ut av, greit å ha i fremtiden når andre IE problemer kommer.