--- title: "Div som inte vill följa med" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/117086-div-som-inte-vill-följa-med" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "Folkbitar" published: "2004-12-01T11:23:56.000Z" updated: "2004-12-02T18:46:15.000Z" replies: 9 views: 556 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/117086-div-som-inte-vill-följa-med" --- # Div som inte vill följa med ## #1 — Folkbitar, 2004-12-01T11:23Z Provade att göra en stor "runda-hörns"-div med hjälp av bilder. Nu undrar jag lite vad det är som blir fel. Om jag lägger en text inom \ så följer diven med och anpassar sej längdmässigt efter texten. Om jag däremot stoppar in lite andra divar i den stora, så funkar det inte. Dom nästlade divarna hamnar utanför. Min css: ``` .topp { background-image: url(images/corners/top2.gif); background-repeat: no-repeat; } .mitten { background-image: url(images/corners/middle2.gif); background-repeat: repeat-y; padding-right: 30px; padding-left: 30px; } .nere { background-image: url(images/corners/bottom2.gif); background-repeat: no-repeat; } /*Dom mindre, nästlade divarna */ #huvud { width: 100%; margin-bottom: 10px; background-image: url(images/logga.jpg); background-repeat: no-repeat; height: 100px; background-color: #ebf0f4; } #meny { float: left; width: 20%; border: 1px solid #CCCCCC; background-color: #ebf0f4; } #sidor { float: right; width: 75%; border: 1px solid #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; line-height: 15pt; color: #333333; background-color: #FFFFFF; margin-left: 5px; margin-bottom: 10px; text-align: left; padding: 10px; } ``` Min html: ``` Untitled Document
Meny
Sidor
``` Om jag istället byter ut divarna "huvud", "meny" och "sidor" och ersätter dom med en \ med en massa text i så funkar det. Varför? /anders Permalänk: https://www.webforum.nu/p/117086 ## #2 — icaaq, 2004-12-01T17:29Z Som en vis man sagt några ggr > **palle skrev:** > > Återställ ordningen med clear: both; innan du avslutar din \ så kommer det nog ordna till sig,.. Så ``` [red]
Meny
Sidor
[b]
[/b]
[/red] ``` mv icaaq /red. Du kan också läsa om andra liknande lösningar på [To many divs](http://art4sale.ru/english/too_many_divs/) Permalänk: https://www.webforum.nu/p/1498094 ## #3 — Folkbitar, 2004-12-01T18:23Z Tack för hjälpen, icaaq! och länken! /anders Permalänk: https://www.webforum.nu/p/1498132 ## #4 — Folkbitar, 2004-12-01T21:56Z Nu var jag visst lite för snabb med att acceptera som slutgiltigt svar. Lösningen ovan funkade ju jättebra. Tills jag kollade med IE6. Då spretar divarna isär :( Permalänk: https://www.webforum.nu/p/1498229 ## #5 — icaaq, 2004-12-02T06:31Z Länk till sidan?? mv icaaq Permalänk: https://www.webforum.nu/p/1498337 ## #6 — Folkbitar, 2004-12-02T09:23Z > **icaaq skrev:** > > Länk till sidan?? > > mv icaaq [Lägger upp den temporärt här](http://www.folkbitar.com/temp/test.php) /anders Permalänk: https://www.webforum.nu/p/1498373 ## #7 — jarvklo, 2004-12-02T12:50Z Hmm.. Det där är en MSIE-klassiker (been there - done that ;) )! Du måste ha ett "block" efter dina två "floats" - t.ex. en \ - det räcker inte med en \
Byt ut ```
``` mot ```
 
``` Permalänk: https://www.webforum.nu/p/1498450 ## #8 — icaaq, 2004-12-02T13:06Z Då kommer en följdfråga, kan man göra så här? ``` [red]
[/red] ``` mv icaaq Permalänk: https://www.webforum.nu/p/1498455 ## #9 — jarvklo, 2004-12-02T13:10Z Nope - Funkade inte i MSIE6 på Win2K-Pro iaf Permalänk: https://www.webforum.nu/p/1498459 ## #10 — Folkbitar, 2004-12-02T18:46Z Nu så! Tack icaaq och jarvklo! :bire Permalänk: https://www.webforum.nu/p/1498637 --- Tråden på webben: https://www.webforum.nu/amne/html-css/117086-div-som-inte-vill-följa-med