Seneste forumindlæg
Køb / Salg
 * Uofficiel Black/White liste V3
Login / opret bruger

Forum \ Programmering og webdesign \ Hjemmeside design
Denne tråd er over 6 måneder gammel

Er du sikker på, at du har noget relevant at tilføje?

CSS-layout: 3 kolonner med fixed bredde i midten

Af Maxi Supporter Dulius | 18-09-2006 10:07 | 1674 visninger | 10 svar, hop til seneste
Hej. Jeg skal lave 3 kolonner, hvor jeg kender bredden på den i midten (944px), som så er centreret, og så skal de to kolonner i højre og venstre side fylde resten af skærmen i bredden, og de skal begge to være lige store. Jeg kan ikke lige lure hvordan jeg skal lave det, og synes heller ikke rigtigt jeg kan gennemskue det udfra tutorials mm. rundt omkring på nettet. Jeg kan godt lave den midterste kolonne til at blive centreret vha. margin: auto, men jeg kan som sagt ikke lige regne ud, hvordan jeg skal få mine to side-kolonner til at udfylde resten af pladsen i siderne? Jeg prøver at undgå brugen af tables, da jeg øver mig i rent CSS-layout. Håber nogen kan give mig et startskub. Mvh. Julius
--
http://www.juliusmadsen.com[...] MSN: julius_madsen (snabelb) hotmail.com
#1
Kilroy
Ultra Supporter
18-09-2006 10:17

Rapporter til Admin
Hvis du laver en "container" på f.eks. 1500 pixels, og så laver dine divs inden i den, kan du så ikke bare lade være med at angive en størrelse på dine sidebars? Alternativt bare tildele dem en fast bredde? Noget i stil med: div#container { width: 1400px; margin: auto; } div#sidebar1 { float: left; } div#center { width: 944px; float: left; } div#sidebar2 { float: left; } Hvis sidebar 1 og 2 skal være lige bredde, tror jeg, du er nødt til at angive en fast bredde.
--
Blog :: http://www.goodlooking.dk[...]
#2
Dulius
Maxi Supporter
18-09-2006 15:05

Rapporter til Admin
#1 Tak for dit forslag. Desværre tror jeg ikke helt det løser mit problem. Det er meget vigtigt for layoutet, at begge sidebars er lige brede - og at de fylder resten af skærmen ud i begge sider, udover den plads som den centrerede div tager. Skal jeg virkelig ud i nogle tables i dette tilfælde? Det ville jeg da være lidt ked af :-)
--
http://www.juliusmadsen.com[...] MSN: julius_madsen (snabelb) hotmail.com
#3
FreakCERS
Maxi Nørd
18-09-2006 15:10

Rapporter til Admin
skal der rent faktisk være content i de to yderste kolonner? - eller er det bare en farve/mønster/etc? og skal eventuelt content derude også have en 'unbound' varierende bredde? - altså må de blive vilkårligt bredde?
--
The opposite of a correct statement is a false statement. But the opposite of a profound truth may well be another profound truth. -- Niels Bohr
#4
Dulius
Maxi Supporter
18-09-2006 15:14

Rapporter til Admin
#3 Der skal bare være farve/mønster. Bredden må gerne være vilkårlig - baggrunden gentager sig selv på x-aksen, så uanset bredde vil den se ens ud. Min egen første indskydelse, var bare at sætte det som baggrund på body, og så overskrive den med en anden baggrund inde i indholdsboksen. Men denne løsning dur ikke, da denne baggrund kun skal bruges i toppen (på begge sider af topgrafiken) samt i bunden (på begge sider af footeren) - så imellem det (altså på siderne af indholdsboksen) skal der bare være en hvid baggrund. Så man kan ikke bare sætte en body-baggrund og så er det det..
--
http://www.juliusmadsen.com[...] MSN: julius_madsen (snabelb) hotmail.com
#5
FreakCERS
Maxi Nørd
18-09-2006 15:17

Rapporter til Admin
#4 det kan jeg godt lave et eksempel med når jeg kommer hjem... sidder på en windows-maskine på dtu nu, og der nægter jeg simpelthen at prøve at lave den slags ting... :-P lige en ting dog - hvad hvis din side ikke fylder hele højden af viewportet? - er footeren da i bunden af dokumentet, eller i bunden af viewport?
--
The opposite of a correct statement is a false statement. But the opposite of a profound truth may well be another profound truth. -- Niels Bohr
#6
Dulius
Maxi Supporter
18-09-2006 15:22

Rapporter til Admin
#5 Hvis du gad det, ville det være rigtig lækkert :-) Jeg har ikke kodet så langt endnu, men meningen er, at footeren altid skal være i bunden af viewportet, så hele skærmen altid er udfyldt - både i højde og bredde. Så det kan du bare tage udgangspunkt i!
--
http://www.juliusmadsen.com[...] MSN: julius_madsen (snabelb) hotmail.com
#7
FreakCERS
Maxi Nørd
18-09-2006 22:02

Rapporter til Admin
ok, det blev så sent før jeg kom hjem, og nu er jeg strandet hos kæresten.. skal nok prøve at se på det i morgen... :-)
--
The opposite of a correct statement is a false statement. But the opposite of a profound truth may well be another profound truth. -- Niels Bohr
#8
Dulius
Maxi Supporter
18-09-2006 22:51

Rapporter til Admin
Det er bare i orden - jeg venter spændt! :-)
--
http://www.juliusmadsen.com[...] MSN: julius_madsen (snabelb) hotmail.com
#9
FreakCERS
Maxi Nørd
20-09-2006 13:09

Rapporter til Admin
http://geeksbynature.dk[...] <-- har godt nok ikke testet i IE, men tror nu det burde fungere.. - hvis ikke, må jeg jo lige sætte mig ned og se på det :-)
--
The opposite of a correct statement is a false statement. But the opposite of a profound truth may well be another profound truth. -- Niels Bohr
#10
Dulius
Maxi Supporter
20-09-2006 16:42

Rapporter til Admin
Tusind tak. Jeg vil lige sætte mig ned lidt senere og kigge på det, og se om jeg også selv forstår hvordan du har gjort :) Har lige testet i IE, og der virker det perfekt. Mange tak for hjælpen.
--
http://www.juliusmadsen.com[...] MSN: julius_madsen (snabelb) hotmail.com

Opret svar til indlægget: CSS-layout: 3 kolonner med fixed bredde i midten

Grundet øget spam aktivitet fra gæstebrugere, er det desværre ikke længere muligt, at oprette svar som gæst.

Hvis du ønsker at deltage i debatten, skal du oprette en brugerprofil.

Opret bruger | Login
NYHEDSBREV
Afstemning