---
title: "div i div"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/55709-div-i-div"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Andy"
published: "2002-10-11T09:06:46.000Z"
updated: "2002-10-18T13:35:39.000Z"
replies: 16
views: 475
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/55709-div-i-div"
---

# div i div

## #1 — Andy, 2002-10-11T09:06Z

Har en kod som ser ut så här, något förenklat:

\<div id="maindiv"\>

\<div id="leftdiv"\>
\</div\>

\<div id="rightdiv"\>
\</div\>

\</div\>

"maindiv" är absolut positionerad, med värdena top: 200px och left: 200px. "leftdiv" skall ligga till vänster i "maindiv"-lagret, och "rightdiv" till höger. Att få leftdiv att ligga till vänster är ju inga problem - det gör den ju automatiskt. men "rightdiv" hamnar under "leftdiv" när jag tittar på sidan i browsern.

Sätter jag top:0px på "rightdiv" så hamnar lagret högst upp i browserfönstret. Jag vill ju att den skall hamna 0 pixlar från kanten på "maindiv"-lagret.

Hur löser jag problemet.

Jag vill helt enkelt att "leftdiv" och "rightdiv" skall ligga bredvid varandra inuti "maindiv".

DOCTYPE är XHTML 1.0 Transitional.

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

## #2 — Dino, 2002-10-11T09:15Z

```
<html>
<head>
<title>Untitled</title>
</head>
<body>
<div style="width: 400px; height: 400px;top: 200px;left: 200px;background-color: red;" id="maindiv"> 
<div style="width: 100px; height: 100px;display: inline; background-color: blue;" id="leftdiv"> 
</div> 
<div style="width: 100px; height: 100px;display: inline; background-color: green;" id="rightdiv"> 
</div> 
</div> 
</body>
</html>
```

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

## #3 — OlleBoop, 2002-10-11T09:33Z

Prova med 

```
float: left
```

 på både #leftdiv & #rightdiv

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

## #4 — Andy, 2002-10-11T11:15Z

Tack Dino. Det fungerade. MEN... om jag sedan lägger in en div i till exempel "leftdiv" så fungerar det inte längre. måste jag sätta något attribut på den diven också?

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

## #5 — Dino, 2002-10-11T11:22Z

Eftersom div är ett block element så måste du sätt **display: inline** för att får det till ett inline element.

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

## #6 — Andy, 2002-10-11T11:37Z

Så alla divar som ligger i "leftdiv" eller "rightdiv" måste även de ha display: inline ?

Om jag lägger in en \<br /\> i t ex "leftdiv" så blir det också fel. Då lägger sig rightdiv under leftdiv.

\*suck\*

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

## #7 — Dino, 2002-10-11T11:47Z

Jo, men jag förstår inte varför du skall ha en massa divar.

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

## #8 — Andy, 2002-10-11T11:48Z

Varje "element" på sidan lägger jag i en egen div. Jag tänkte undvika tabeller så mycket det går, och istället köra på CSS.

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

## #9 — Dino, 2002-10-11T12:14Z

Du har ju span annars.

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

## #10 — Koplik, 2002-10-11T12:16Z

Kan du inte köra med Tabeller i maindiv:en ? 
Varför vill du inte köra med tabeller, du kan ju köra med CSS i tabellerna. Eller har jag missat något?

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

## #11 — Andy, 2002-10-11T13:24Z

Jo, det är klart att jag kan köra med tabeller. Ville bara testa om det var möjligt att göra det utan tabeller... :) Men nu har jag valt en kombination av tabeller och divar istället.

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

## #12 — Riri, 2002-10-15T07:29Z

utan tabeller

Hær ær en sida jag gjort utan en enda tabell rackare!
<http://www.rational-reducer.com/display.asp>
Det går faktiskt riktigt bra!

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

## #13 — Nexus86, 2002-10-16T07:56Z

Men tabeller är mycket bättre på det sättet att om något verktyg saknas i webbläsaren dina besökare använder så kommer kanske inte div-arna hamna rätt.

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

## #14 — Web-Tor, 2002-10-16T08:00Z

Vad menar du med: "om något verktyg saknas i webbläsaren" :q

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

## #15 — mikkeX, 2002-10-16T08:17Z

> **Nexus86 skrev:**
>
> Men tabeller är mycket bättre på det sättet att om något verktyg saknas i webbläsaren dina besökare använder så kommer kanske inte div-arna hamna rätt.

Vad?

Skippa tabeller, skapa layouter med stylesheets. Det är en tröskel, men när den väl är passerad så är du glad att du slipper dina tabeller i all framtid.

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

## #16 — Denniz PoP, 2002-10-16T10:01Z

> **Koplik skrev:**
>
> Kan du inte köra med Tabeller i maindiv:en ? 
> Varför vill du inte köra med tabeller, du kan ju köra med CSS i tabellerna. Eller har jag missat något?

Tja, så småningom (eller gäller det redan nu?) så kommer det att vara felaktigt kodat om man försöker att formatera utseendet på sidan med hjälp av tabeller. Tabeller skall användas till att visa text i tabellformat, \_inget\_ annat. 

\_Allt\_ som har med utseende att göra skall fixas med css. Lika bra att lära sig det nu, så man kan det när det kommer börja gälla.

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

## #17 — jarvklo, 2002-10-18T13:35Z

> Tja, så småningom (eller gäller det redan nu?) så kommer det att vara felaktigt kodat om man försöker att formatera utseendet på sidan med hjälp av tabeller.

Eh...
Är det xhtml du syftar på så är tabeller fortfarande högst tillåtna vad avser kodning av både layouter och innehåll...
Tabeller kommer inte att tas bort ur HTML eller XHTML (de finns kvar i sin nuvarande form även i de första utkasten till [XHTML 2.0](http://www.w3.org/TR/2002/WD-xhtml2-20020805/mod-tables.html#s_tablesmodule)) - så vill man använda tabeller för layout så kan man. 

Så länge du håller dig till sidor som bara skall visas i en webbläsare är det också **kodmässigt** korrekt, och ibland även mycket praktiskt att göra tabellbaserade layouter...

Däremot är det antagligen **användbarhetsmässigt** "felaktigt" på så sätt att man då riskerar att stänga ute surfare med funktionshinder från att kunna tillgodogöra sig innehållet på sidorna...
Möjligen bryter man då därigenom också mot ett eller annat [Amerikanskt federalt påbud](http://www.section508.gov/)...  men  bara om man är en Amerikansk myndighet ;)

Och visst kan det möjligen vara användbarhetsmässigt "bättre" att inte göra layouterna med tabeller... Med risk att stänga ute surfare med "gamla NN4" och en och annan kraschande version av "gamla IE4" istället
Men det är en annan historia ;)

En liten fundering till nu när jag ändå är inne och är besvärlig ;)

> \_Allt\_ som har med utseende att göra skall fixas med css. Lika bra att lära sig det nu, så man kan det när det kommer börja gälla.

Jag skulle nog vilja formulera om det där lite... och säga ungefär som W3C gör i de senaste HTML-specifikationerna - nämligen att:
\_Allt\_ som har med utseende att göra **BÖR** fixas med css. Lika bra att lära sig det nu.
 
Men gör det för att det ger dig många fler möjligheter att göra snygga sidor - inte för att du "måste" 

 :birp

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/55709-div-i-div
