--- title: "Div 100% height problem" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/123111-div-100-height-problem" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "maqe" published: "2005-02-23T13:47:05.000Z" updated: "2005-02-23T21:26:01.000Z" replies: 11 views: 480 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/123111-div-100-height-problem" --- # Div 100% height problem ## #1 — maqe, 2005-02-23T13:47Z Jag har en div som fungerar som en container för 2 andr divvar jag vill att en utav divvarna ska få samma höjd som den yttre divven utan att jag ska sätta en höjd på den yttre divven. Kika här Jag vill att den rosa högra delen skall sträcka sig 100% av höjden på container divven Permalänk: https://www.webforum.nu/p/123111 ## #2 — donkey, 2005-02-23T14:04Z går det inte med \#id { height: 100%; } i den rosa rutan ?!?!? Permalänk: https://www.webforum.nu/p/1558930 ## #3 — maqe, 2005-02-23T14:08Z jag kan inte sätta 100% på den eftersom den yttre divven inte har någon storlek satt Permalänk: https://www.webforum.nu/p/1558931 ## #4 — Jesper T, 2005-02-23T14:24Z ```
Content Content Content Content Content Content Content Content Content Content Content Content Content
text
``` Permalänk: https://www.webforum.nu/p/1558934 ## #5 — Jesper T, 2005-02-23T14:26Z Ser dock att detta inte funkar i mozilla. Tips: Tabell ;) Permalänk: https://www.webforum.nu/p/1558936 ## #6 — maqe, 2005-02-23T14:50Z Jag måste bygga siten utan tabeller :) Permalänk: https://www.webforum.nu/p/1558946 ## #7 — Jesper T, 2005-02-23T14:58Z Liten fråga: Varför? Permalänk: https://www.webforum.nu/p/1558952 ## #8 — maqe, 2005-02-23T15:01Z Enligt WAI standarden skall det tydligen inte vara några tabeller Permalänk: https://www.webforum.nu/p/1558953 ## #9 — Insider, 2005-02-23T15:07Z Nej, undvik tabeller. Verkar klurigt att hitta en lösning för IE. Det funkar i Firefox om man sätter display:table för den yttre div:en. Men men, nån annan kanske kommer upp med nåt smartare förslag, ``` test

Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content.

Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content.

``` Den enklaste lösninge kanske är att lägga en bakgrundsbild i #wrap, som är en pixel hög och 200 pixlar bred, där dom 100 pixlarna till höger är rosa. Permalänk: https://www.webforum.nu/p/1558954 ## #10 — maqe, 2005-02-23T15:18Z Jo så kan man ju göra ... som sagt verkar klurigt att få till det där Permalänk: https://www.webforum.nu/p/1558959 ## #11 — zcorpan, 2005-02-23T21:13Z Om du vet att den vänstra är längre kan du göra såhär: ``` #wrap { border: 1px solid #000; width:200px; background-color:pink; overflow: auto; } #left { float: left; width: 50%; background: white; } ``` :) Permalänk: https://www.webforum.nu/p/1559143 ## #12 — Insider, 2005-02-23T21:26Z > **zcorpan skrev:** > > Om du vet att den vänstra är längre kan du göra såhär: > > ``` > #wrap { > border: 1px solid #000; > width:200px; > background-color:pink; > overflow: auto; > } > #left { > float: left; > width: 50%; > background: white; > } > ``` > > :) Ja, så *kan* man ju göra... :birp Visste att det fanns en enklare lösning. Permalänk: https://www.webforum.nu/p/1559149 --- Tråden på webben: https://www.webforum.nu/amne/html-css/123111-div-100-height-problem