Dubletter..

11 svar · 372 visningar · startad av Palle 9 dec. 2002

PalleMedlem sedan apr. 20003 174 inlägg

Frågan9 dec. 2002 19:20#1

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

icaaqMedlem sedan okt. 20005 273 inlägg

9 dec. 2002 20:01#2

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

PalleMedlem sedan apr. 20003 174 inlägg

9 dec. 2002 20:15#3

Den är hårdknackad..

PalleMedlem sedan apr. 20003 174 inlägg

9 dec. 2002 20:19#4

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

icaaqMedlem sedan okt. 20005 273 inlägg

9 dec. 2002 20:24#5

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

PalleMedlem sedan apr. 20003 174 inlägg

9 dec. 2002 20:31#6

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

icaaqMedlem sedan okt. 20005 273 inlägg

9 dec. 2002 20:34#7

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

mvh icaaq

PalleMedlem sedan apr. 20003 174 inlägg

9 dec. 2002 20:37#8

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 ;)

jarvkloMedlem sedan juli 20013 378 inlägg

9 dec. 2002 21:06#9

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

PalleMedlem sedan apr. 20003 174 inlägg

9 dec. 2002 21:17#10

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.. :)

jarvkloMedlem sedan juli 20013 378 inlägg

10 dec. 2002 10:11#11

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

PalleMedlem sedan apr. 20003 174 inlägg

10 dec. 2002 19:11#12

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! :)