css strul :)

caipirinha · 2006-03-05, 14:53

Någon som är yber på css? sitter och knappar men får bara inte till det. Försöker
få detta i css.

Kod:

    _______________________________________
    !     !   !            !   !     !
    !  1  !  2 !        3   !  4 !  5  !
    !     !   !            !   !     !
    !______!___ !_______________ !____!______!

5st div:ar, 1 & 5 ska vara auto och förstora sig själva. 2, 3 & 4
(typ 150px, 400px, 150px) är fasta mått och ska på det viset alltid vara i
mitten av webläsaren.

Hjälp

koala · 2006-03-05, 16:19

Är fält 1 och 5 bara utfyllnad för att få 2,3,4 att vara centrerade? Isåfall är det lättast att göra (ungefär) så här:

Kod:

<body style="background: black;"><div style="height:100%;background:gray;height:100%;width:700px; position:relative; left:50%; padding:0;margin:0 0 0 -350px;"><div id="2" style="height:100%;width:150px; float: left; margin:0; background:#369;">2</div><div id="3" style="height:100%;width: 400px; float: left; margin:0;background:#f5f5f5;">3</div><div id="4" style="height:100%;width: 150px; float: left; margin:0;background:#369;">4</div></div></body>

Lundstedt · 2006-03-05, 19:51

Att centrera innehåll kan enkelt göras genom att du omger innehållet med en div som du ger en marginal på 0 pixlar i höjd och auto i sidled. Se exempel nedan.

Kod:

#container {
  margin: 0px auto;
  width: 800px;
}

<div id="container">
  ... divvar som skall centreras
</div>

Denna 800 pixlar breda DIV kommer att centreras i webbläsaren. Följdaktligen kommer dess innehåll också att ligga centrerat.

caipirinha · 2006-03-06, 09:14

Tack för tipsen, lyckades till slut & det blev liknande det du skrev lundstedt. Går ifrån gamla standarder
nu och kör xhtml & css. Ut med frames och sådant, lite nytt att lära sig men ack så bra det fungerar när
man väl lärt sig det

Micke Alm · 2006-03-06, 09:47

caipirinha: Jag skulle rekommendera dig att plocka upp lite böcker om semantisk css isåfall... det är ju lite annorlunda tänk i många lägen, så det är lika bra att lära sig rätt från grunden... De här har jag själv läst, och de har varit jävligt bra:

http://www.amazon.co.uk/exec/obidos/...488539-1167108
http://www.amazon.co.uk/exec/obidos/...488539-1167108
http://www.amazon.co.uk/exec/obidos/...488539-1167108

jävligt bra att ha att kika i om man kör fast.

edit: fan går det inte att göra vettiga länkar för nu då?

Ämnesverktyg
Visa utskriftsvänlig version E-posta den här sidan
Visningsalternativ
Linjär visning Växla till hybrid-visning Växla till trådad visning

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Menu

css strul :)