WN - css strul :)

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - css strul :) (https://www.wn.se/forum/showthread.php?t=12767)

caipirinha

2006-03-05 13: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 15: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 18: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 08: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 08: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å?

Alla tider är GMT +2. Klockan är nu 20:52.