Dubletter..

Har ett extremt mystiskt problem..
Hur jag än försöker så dublerar sig ett tecken på sidan,
lite svårt att förklara.. har två bilder som visar problemet:

1. http://member.webforum.nu/366/kolonstrul1.gif
2. http://member.webforum.nu/366/kolonstrul2.gif

Alltså, det sista tecknet på raden visas också nedanför raden.. hur är detta möjligt?

Koden ser ut så här på bild 1:

[RED]<div class="bordertop borderbottom">

      <span style="width: 100px; background: #f7f7f7; float: left; padding: 3px;">Storlek:</span>
      <span style="width: 100px; background: #f7f7f7; float: left; padding: 3px; margin-left: 1px;">Antal:</span>
      <span style="width: 278px; background: #f7f7f7; float: left; padding: 3px; margin-left: 1px;">Visa banners:</span>

</div>[/RED]

Och på bild 2 så här:

[RED]<div class="bordertop borderbottom">

      <span style="width: 100px; background: #f7f7f7; float: left; padding: 3px;">Storlek:</span>
      <span style="width: 100px; background: #f7f7f7; float: left; padding: 3px; margin-left: 1px;">Antal:</span>
      <span style="width: 278px; background: #f7f7f7; float: left; padding: 3px; margin-left: 1px;">Visa banners:W</span>

</div>[/RED]

Den första div´ens classer ser ut så här:

[RED].bordertop {
  border-top : solid 2px #f7f7f7;
}

.borderbottom {
  border-bottom : solid 2px #f7f7f7;
}[/RED]

Själv fattar jag nada, tacksam för hjälp.. :l

Jag har testat båda koderna och jag får inte det felet....är det hårdkodad kod eller nån databas driven kod?

mvh icaaq

Den är hårdknackad..

Testkör sidan med Explorer 6.0, Mozilla 1.1 och Opera 6.05,
felet uppkommer bara i Explorer..

http://member.webforum.nu/1029/palle.htm

Jag har testat denna i Mozilla 1.2.1 och IE 6.0 och jag har inga problem......väldigt mysko :l

Om jag lägger alla span´s på en enda rad försvinner dubletten och allt ser bra ut.. skumt!

Väldigt skumt.....hoppas nån som vet vad det beror på svarar på detta skumma betende....

mvh icaaq

Mm, hoppas jag med.. Jarvklo sitter ju på en enorm kunskap om det mesta så jag håller en tumme för att han kan räta ut några frågetecken.. hehe ;)

Sorry Palle!
Jag får tacka för förtroendet :r , men jag går också bet...

Men eftersom fenomenet bara verkar uppkomma när man krymper webbläsarfönstret till att bli mindre än 278 pixlar brett, dvs så att fältbredden på den sista <span>en inte får plats i fönstret, så skulle jag nog gissa på att du snubblat på en bugg i MSIE...
Jag har testat i version 6.0.2800.1106

Intressant..
Jag testade med Icaaqs kod, som han länkade till här ovan, och mycket riktigt så kommer dubletten fram om man drar ihop webbläsarfönstret.

Dock märkte jag att jag kunde komma runt buggen genom att..

• Lägga alla spans´s på en enda rad.
eller
• Sätta en fast höjd på div´en som dem ligger i.

Så nu fungerar det allt jämt.. :)

Hmm...
En tioöring till :i
Kom på att fenomenet kanske hade med formateringsmodeller att göra...
<span> är ju "by default" display:inline, men iom att du lägger float: (och width:) på den, så skall webbläsaren (enligt den här paragrafen i CSS2-specen ) automagiskt omvandla den till ett block...

Hmm... :l
Konvertering av inline-tagg till block-tagg... Det omvända har jag haft problem med...
Hmm... :i
<div> är block redan från början...
Provade med att byta alla <span> mot <div> i ditt exempel och kunde inte återskapa buggen längre...
Kanske ett sätt att slippa den fasta höjden iallafall :e

Stämmer bra.
Efter en del testande med liknande exempel visar det sig att samma bugg
även framkommer där, bytte då ut <span> mot <div> och problemet försvann.

Tack, du är en klippa! :)