--- title: "
runt hela sidan, sen en float i denna?" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/148348-div-runt-hela-sidan-sen-en-float-i-denna" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "Sjodahl" published: "2006-06-23T06:38:37.000Z" updated: "2006-06-23T08:34:35.000Z" replies: 5 views: 351 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/148348-div-runt-hela-sidan-sen-en-float-i-denna" --- #
runt hela sidan, sen en float i denna? ## #1 — Sjodahl, 2006-06-23T06:38Z Hej! Vill göra en siteBox runt hela sidan och i denna vill jag sen ha 3st boxar, och att siteBox ändrar sin storlek beroende på innehållet i det andra så ingen av dem kommer längre ner än själva mainBox. Gör jag så här så stannar innehållet i boxen (eller inte ha med float) ``` #leftColumn { float: auto; width: 145px; background-color: white; } ``` Sätter jag left så stannar den inte kvar i boxen. ``` #leftColumn { float: left; width: 145px; background-color: white; } ``` HTML SIDAN ``` Foretagsnamn
  • Huvudsida
  • Utrustning
  • Dataprogram
  • Utbildning
  • Kontakta
Här kommer det att presenteras en hel del information om sidan!
``` ``` CSS MALL /* ---------------------------------------------------------------------------------------------------------- BODY ---------------------------------------------------------------------------------------------------------- */ body { font-family: arial; color: black background-color: white; font-size: 11pt; } table header{ border: 1 solid #004080; } /* ---------------------------------------------------------------------------------------------------------- #siteBox ---------------------------------------------------------------------------------------------------------- */ #siteBox { float: auto; background-color: #F3F3F3; width: 98%; padding: 4px; border: 2px solid #004080; } /* ---------------------------------------------------------------------------------------------------------- #siteHeader ---------------------------------------------------------------------------------------------------------- */ #siteHeader { color: red; } /* ---------------------------------------------------------------------------------------------------------- #leftColumn ---------------------------------------------------------------------------------------------------------- */ #leftColumn { float: auto; width: 145px; background-color: white; } /* ---------------------------------------------------------------------------------------------------------- #siteInfo ---------------------------------------------------------------------------------------------------------- */ #siteInfo { float: right; width: 145px; background-color: white; } ``` Permalänk: https://www.webforum.nu/p/148348 ## #2 — tanten, 2006-06-23T07:06Z float: auto finns inte...så det kan du ta bort... Som jag kan se så ska left-boxen ligga kvar under företagsnamnet . Sätter du float:left på den så lämnar du plats till höger om den så siteinfo kan komma upp på samma höjd och lägga sig längst bort till höger... och siteboxen anpassar höjden till det. Hittar ingen mainbox!? Permalänk: https://www.webforum.nu/p/1834183 ## #3 — Sjodahl, 2006-06-23T07:13Z \#siteHeader, menar jag ;) Men får inte till 3st kolumnar i denna riktigt. Permalänk: https://www.webforum.nu/p/1834184 ## #4 — tanten, 2006-06-23T07:20Z > **Sjodahl skrev:** > > \#siteHeader, menar jag ;) > > Men får inte till 3st kolumnar i denna riktigt. Sätt float left på den också så kommer alla tre vara bredvid varandra. Float left betyder egentligen. "Jag lämnar plats åt annat på min högra sida"... så du kan prova med left på den sista diven också ;) anpassa sedan avstånden med margin och eller padding... Permalänk: https://www.webforum.nu/p/1834185 ## #5 — tanten, 2006-06-23T07:47Z Glömde titta hur siteboxen såg ut... :r Sätt in en ny div kalla den för t.ex wrapper... vanligt i de här sammanhangen. \#wrapper{ width: 98%; } Placera den först och avsluta den sist i html-koden. Ändra sedan ``` #siteBox { background-color: #F3F3F3; width: 100%; padding: 4px; border: 2px solid #004080; float: left; } ``` så ska bakgrunden följa med även i FF Permalänk: https://www.webforum.nu/p/1834187 ## #6 — Sjodahl, 2006-06-23T08:34Z Får testa på måndag ;) Tackar! Permalänk: https://www.webforum.nu/p/1834189 --- Tråden på webben: https://www.webforum.nu/amne/html-css/148348-div-runt-hela-sidan-sen-en-float-i-denna