--- title: "fel med div-boxar" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/179029-fel-med-div-boxar" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "Emil W" published: "2009-06-17T15:15:13.000Z" updated: "2009-06-17T22:19:15.000Z" replies: 10 views: 593 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/179029-fel-med-div-boxar" --- # fel med div-boxar ## #1 — Emil W, 2009-06-17T15:15Z Jag får inte till det med div boxar jag har försökt och försökt för jag vill ha div boxar brevid varandra. här är koden jag har försökt med. .blogglista{background:#CCCC99; border:1px solid #000000; height:180px; width:172px; margin-top:0; margin-left:300; font-weight:bold; float:left; position:relative; padding:90;} Permalänk: https://www.webforum.nu/p/179029 ## #2 — jarvklo, 2009-06-17T18:03Z Hmm.... 1) Hur ser övrig CSS ut (containern, boxarna som ger kalendern och sökningen m.m.) 2) Hur ser HTML-koden ut (i vilken ordning ligger divvarna du använder runt kalender, sökning, logglista m.m.) 3) vilken \ |||----Emils blogg----|||

Välkommen till Emils blogg

Kalender
MTOTFLS
1234567
891011121314
15161718192021
22232425262728
2930
Sök i bloggen
Provar
``` Här är css-koden ``` body{ margin:0px; } .topp{background:#CCCC99; border:0px solid #000000; height:40px;} .kalenderruta{background:#CCCC99; border:1px solid #000000; height:180px; width:172px; margin-top:20px; font-weight:bold;} .blogglista{background:#CCCC99; border:1px solid #000000; height:180px; width:900px; margin-top:0px; margin-left:400px; font-weight:bold; float:left; position:relative; padding:90px;} .sokruta{background:#CCCC99; border:1px solid #000000; height:90px; width:172px; margin-top:20px; font-weight:bold;} ``` Permalänk: https://www.webforum.nu/p/2190901 ## #5 — jarvklo, 2009-06-17T18:42Z > **[Emil W skrev:](https://www.webforum.nu/p/1471314)** > > Är det viktigt med \ Permalänk: https://www.webforum.nu/p/2190902 ## #6 — Emil W, 2009-06-17T18:49Z Jag har provat med DOCTYPE men det blir inte rätt ändå Permalänk: https://www.webforum.nu/p/2190903 ## #7 — jarvklo, 2009-06-17T18:56Z > **[Emil W skrev:](https://www.webforum.nu/p/1471316)** > > Här kommer min html kod > \[...\] Hmm... Den där har jag råkat ut för också nån gång (det är inte \ \
\ \ alternativ två \
lägga in både kalendern och sökrutan här \ Permalänk: https://www.webforum.nu/p/2190906 ## #9 — jarvklo, 2009-06-17T19:02Z > **[Emil W skrev:](https://www.webforum.nu/p/1471321)** > > Men du så här > > \
> \
> \ > \ > > > alternativ två > > \
> lägga in både kalendern och > sökrutan här > \ Bägge kan funka med lite mekande - men jag menade alernativ 2 men med namnet "sidspalt" - det känns "renare" för mig. ```
...
...
Provar
``` Huvudsaken är att du lägger en float-left-div med fast bredd först i koden, och därefter en "vanlig" div (icke-float) med en margin-left som är "större" än bredden på float-divven. (det såg ut i din kod som att det var den du höll på att komma fram till ;) ) Permalänk: https://www.webforum.nu/p/2190907 ## #10 — Emil W, 2009-06-17T19:30Z Tack jarvklo för hjälpen allt löste sig nu Permalänk: https://www.webforum.nu/p/2190912 ## #11 — jarvklo, 2009-06-17T22:19Z Kalas :birp Permalänk: https://www.webforum.nu/p/2190938 --- Tråden på webben: https://www.webforum.nu/amne/html-css/179029-fel-med-div-boxar