positionering i css

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?

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:

http://www.ssi-developer.net/main/templates/
http://css-discuss.incutio.com/

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. :)

Är det denna form av layout du söker?

http://www.fu2k.org/alex/css/layouts/3Col_NN4_FMFM_C.mhtml

Tja,

Tack för det!

Jag har nu kollat ett script och modifierat det, se:
http://www.starpalace.se/test.htm

Men varför kommer den högra kolumnen där nere?

Mvh Erik

Float har inget värde som heter center. Mittenkolumnen kommer alltså inte att flyta alls.

Ok, tack! Det ändras dock inget om jag tar bort float: center. Hur ska jag ändra för att få upp kolumnen då?

Kör float:left på alla tre, om alla tre då har fasta värden.

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 =(

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.

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"?

Vad innebär float egentligen?

Läsvärt: Flytande formgivning :)

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?

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.

Så fick man göra ja. Tack.