---
title: "Dubletter.."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/61728-dubletter"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Palle"
published: "2002-12-09T19:20:47.000Z"
updated: "2002-12-10T19:11:06.000Z"
replies: 11
views: 392
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/61728-dubletter"
---

# Dubletter..

## #1 — Palle, 2002-12-09T19:20Z

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

Permalänk: https://www.webforum.nu/p/61728

## #2 — icaaq, 2002-12-09T20:01Z

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

Permalänk: https://www.webforum.nu/p/879616

## #3 — Palle, 2002-12-09T20:15Z

Den är hårdknackad..

Permalänk: https://www.webforum.nu/p/879645

## #4 — Palle, 2002-12-09T20:19Z

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

Permalänk: https://www.webforum.nu/p/879650

## #5 — icaaq, 2002-12-09T20:24Z

<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

Permalänk: https://www.webforum.nu/p/879659

## #6 — Palle, 2002-12-09T20:31Z

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

Permalänk: https://www.webforum.nu/p/879664

## #7 — icaaq, 2002-12-09T20:34Z

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

mvh icaaq

Permalänk: https://www.webforum.nu/p/879669

## #8 — Palle, 2002-12-09T20:37Z

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

Permalänk: https://www.webforum.nu/p/879677

## #9 — jarvklo, 2002-12-09T21:06Z

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

Permalänk: https://www.webforum.nu/p/879706

## #10 — Palle, 2002-12-09T21:17Z

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

Permalänk: https://www.webforum.nu/p/879721

## #11 — jarvklo, 2002-12-10T10:11Z

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](http://www.w3.org/TR/REC-CSS2/visuren.html#floats) ) 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

Permalänk: https://www.webforum.nu/p/879976

## #12 — Palle, 2002-12-10T19:11Z

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

Permalänk: https://www.webforum.nu/p/883285

---

Tråden på webben: https://www.webforum.nu/amne/html-css/61728-dubletter