---
title: "positionering i css"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/129882-positionering-i-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "eriks"
published: "2005-06-12T19:39:47.000Z"
updated: "2005-06-13T17:13:21.000Z"
replies: 13
views: 435
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/129882-positionering-i-css"
---
# positionering i css
## #1 — eriks, 2005-06-12T19:39Z
Tja,
Det var ett tag sedan jag körde css nu, så jag skulle behöva lite enkel hjälp. Jag vill postitionera fyra delar av en sida, ungefär som att ha frames, fast i css. En "topframe", två på sidorna, lika stora, och en centrerad, där det mesta av innehållet ligger. Ska jag då skapa 4 olika divar till att börja med?
Mvh Erik
red..
.Header {
background-image: url(../i/Header_Bg.jpg);
}
Det ger ju mig en bra top iaf! Kommer ihåg lite. Hur skriver jag för att få fram "sid-framarna" sedan? Har bara jobbat med frameinnan! Jag vill att det ska vara "utfyllnad" i kanterna, typ \*,800,\* , som man hade skrivit med frames?
Permalänk: https://www.webforum.nu/p/129882
## #2 — K@llen, 2005-06-12T19:48Z
Jag tyckte och tycker CSS-layouter är svårt. Men jag har lärt mig massor av att titta på olika demoexempel som visar hur man kan göra. Här är två sådana som jag gillar:
Mitt råd till dig är att kolla igenom olika exempel. Försök sedan göra en enkel layout och fråga här om du inte förstår något. :)
Permalänk: https://www.webforum.nu/p/1629869
## #3 — K@llen, 2005-06-12T20:02Z
Är det denna form av layout du söker?
Permalänk: https://www.webforum.nu/p/1629872
## #4 — eriks, 2005-06-13T10:59Z
Tja,
Tack för det!
Jag har nu kollat ett script och modifierat det, se:
Men varför kommer den högra kolumnen där nere?
Mvh Erik
Permalänk: https://www.webforum.nu/p/1630046
## #5 — Guffa, 2005-06-13T11:41Z
Float har inget värde som heter center. Mittenkolumnen kommer alltså inte att flyta alls.
Permalänk: https://www.webforum.nu/p/1630066
## #6 — eriks, 2005-06-13T14:21Z
Ok, tack! Det ändras dock inget om jag tar bort float: center. Hur ska jag ändra för att få upp kolumnen då?
Permalänk: https://www.webforum.nu/p/1630155
## #7 — Okkido, 2005-06-13T14:29Z
Kör float:left på alla tre, om alla tre då har fasta värden.
Permalänk: https://www.webforum.nu/p/1630163
## #8 — eriks, 2005-06-13T14:42Z
Resultatet jag vill åt är att ha en mittenliggande med fast värde, typ 600px, och sedan en åt vardera håll, right och left, som fyller ut resten. Löser jag inte detta med float? Tydligen inte =(
Permalänk: https://www.webforum.nu/p/1630169
## #9 — Guffa, 2005-06-13T14:48Z
Naturligtvis ändras inget om du tar bort float:center. Eftersom det är ett felaktigt värde så användes det inte. Du måste ju ersätta det med ett fungerande värde.
Gör som Okkido sa, använd float:left på alla tre. Då kommer de att läggas bredvid varandra.
Permalänk: https://www.webforum.nu/p/1630171
## #10 — eriks, 2005-06-13T14:55Z
Nu gjorde jag det, men nu kom texten under de andra. Jag vill ju ha dem i jämnhöjd. Se länken.
Vad innebär float egentligen? Är det att de ska vara "vänstercentrerade"?
Permalänk: https://www.webforum.nu/p/1630174
## #11 — zcorpan, 2005-06-13T15:12Z
> Vad innebär float egentligen?
Läsvärt: [Flytande formgivning](http://www.autisticcuckoo.net/arkiv.php?id=2004/12/10/flytande) :)
Permalänk: https://www.webforum.nu/p/1630184
## #12 — eriks, 2005-06-13T15:55Z
Tackar för det tipset!
Förstår dock ändå inte varför right ligger under de andra. Är det för att den inte får plats på raden? Det borde väl den göra?
Permalänk: https://www.webforum.nu/p/1630198
## #13 — Guffa, 2005-06-13T16:15Z
Ja, det beror på att den inte får plats. Du har ju border på mittenelementet, det innebär ju att den totala bredden blir mer än 100%.
Lägg en div-tagg inuti mittenelementet som du sätter border på istället.
Permalänk: https://www.webforum.nu/p/1630204
## #14 — eriks, 2005-06-13T17:13Z
Så fick man göra ja. Tack.
Permalänk: https://www.webforum.nu/p/1630218
---
Tråden på webben: https://www.webforum.nu/amne/html-css/129882-positionering-i-css