--- title: "CSS- div positionering" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/124219-css-div-positionering/page2" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "captain" published: "2005-03-12T05:20:00.000Z" updated: "2005-03-13T12:03:44.000Z" replies: 28 views: 1100 page: 2 pages: 2 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/124219-css-div-positionering" --- # CSS- div positionering _Sida 2 av 2._ ## #21 — captain, 2005-03-12T11:54Z här har du sidan.. tagit bort bg_test.gif. räckte med #fff... Permalänk: https://www.webforum.nu/p/1571677 ## #22 — captain, 2005-03-12T11:57Z sidan ser bra ut i IE men det gör den inte på FF.. blir utrymme. någon annan med FF se och kolla ? Permalänk: https://www.webforum.nu/p/1571679 ## #23 — m_soderlund, 2005-03-12T12:27Z Kan du ta ett skärmdump och lägga upp här så får vi se? Permalänk: https://www.webforum.nu/p/1571687 ## #24 — captain, 2005-03-12T18:56Z Ok ![](http://home.no/thinkbig/dvdsource/test.gif) Permalänk: https://www.webforum.nu/p/1571802 ## #25 — m_soderlund, 2005-03-12T21:40Z Sätt background till enbart #fff för maincontent. ``` maincontent { background: #fff; margin: 0 auto; padding: 0; width: 650px; min-width: 650px; } ``` Alternativt kan du använda dig av bakgrundsbilden jag gjorde och göra den helt vit. I så fall gäller följande egenskap för maincontent: ``` background: #fff url(bg_test.gif) repeat-y 50% 0; ``` Permalänk: https://www.webforum.nu/p/1571865 ## #26 — captain, 2005-03-13T06:29Z Dina lösninar hjälpte inte. Menjag löst det hela genom att lägga in \
precis efter #left-col diven. Då föll allt på sin plats. m_soderlund du ska ha ett stort eloge som stod ut med mina frågor. tack för mig :) Permalänk: https://www.webforum.nu/p/1571947 ## #27 — m_soderlund, 2005-03-13T06:35Z Vad bra att det löste sig..! Ett tips bara: har man skrivit alla stilar i en separat stilmall så är det inkonsekvent att helt plötsligt börja ge specifika element på sidan egenskaper så som du har gjort. Använd i stället p-elementet och en klass. Så här ser klassen ut: ``` .clb { clear: both; } ``` ```

``` Permalänk: https://www.webforum.nu/p/1571948 ## #28 — captain, 2005-03-13T10:16Z gjorde exakt så, men det gick inte. jättemärkligt. jag har iallafall lösning på det. men för eventuella intressen lägger jag upp koderna här nu HTML ``` DvdSource
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hejv
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Högerkolumn

``` CSS ``` body { background-color: #c0c0c0; font: 12px Verdana,Arial,Helvetica,sans-serif; text-align: left; margin: 0;} ul { list-style: none; margin:0px;} .clb { clear: both; } #maincontent { background: #fff url(bgwhite.gif) repeat-y 50% 0; margin: 0 auto; padding: 0; width: 650px; min-width: 650px; } #header { margin: 0 auto; background: #fff url(header.jpg); width: 630px; height: 80px; padding: 10px; } #left-col { background: #f33; margin:0px; float: left; width: 110px; min-width: 110px; padding: 10px; } #content { background-color: #fff; float: left; width: 370px; padding: 10px; } #right-col { background-color: #fff; float: left; width: 110px; padding: 10px 10px 10px 10px; } #footer { background-color: #000; margin: 0 auto; width: 630px; padding: 10px 10px 0px 10px; clear: both; } #navlist{} ``` MIN LÖSNING ``` DvdSource
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hejv
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Hej
Högerkolumn
[B]
[/B]
``` Permalänk: https://www.webforum.nu/p/1571979 ## #29 — m_soderlund, 2005-03-13T12:03Z Hm, märkligt. Dock en grej: när man använder XHTML så finns det lite saker att tänka på - en del saker skiljer sig från HTML. Till exempel ska man skriva \
i stället för \. Det har att göra med att alla taggar måste ha en sluttagg. br-elementet har ingen sluttagg så då skriver man \
i stället (samma sak med \
. Läs mer här: \- [Differences between XHTML and HTML](http://www.w3schools.com/xhtml/xhtml_html.asp) \- [XHTML syntax](http://www.w3schools.com/xhtml/xhtml_syntax.asp) \- [XHTML DTD](http://www.w3schools.com/xhtml/xhtml_dtd.asp) Permalänk: https://www.webforum.nu/p/1572023 --- Tråden på webben: https://www.webforum.nu/amne/html-css/124219-css-div-positionering/page2 Föregående sida: https://www.webforum.nu/amne/html-css/124219-css-div-positionering.md