--- title: "Centrera lager med css" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/74797-centrera-lager-med-css" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "joel_sundkvist" published: "2003-04-23T16:46:19.000Z" updated: "2003-04-25T15:20:13.000Z" replies: 13 views: 444 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/74797-centrera-lager-med-css" --- # Centrera lager med css ## #1 — joel_sundkvist, 2003-04-23T16:46Z Jag har precis börjat använda css för att styra sidlayouten. Har dock stött på ett angenämt problem... Jag undrar hur man gör för att centrera lagret i fönstret. Så här ser min kod ut för "huvudlagret" som jag vill ha centrerat: ``` #divContent { position:absolute; top:5px; left:5px; width: 700px; height: 455px; background-color: #e2e2f1; } ``` Permalänk: https://www.webforum.nu/p/74797 ## #2 — m_soderlund, 2003-04-23T16:48Z Det kanske fungerar att lägga till *align; center*? ``` align: center; ``` Och om du vill att CSS-en ska validera korrekt så måste du även ange color. Har man med background-color så måste man ha med color. ``` color: #000000; ``` Permalänk: https://www.webforum.nu/p/1023148 ## #3 — Peter S, 2003-04-23T17:10Z ``` ...
``` :) Permalänk: https://www.webforum.nu/p/1023178 ## #4 — Jesper T, 2003-04-23T17:12Z Re: Centrera lager med css //redan svarat Permalänk: https://www.webforum.nu/p/1023184 ## #5 — joel_sundkvist, 2003-04-23T17:52Z Tack för hjälpen!! Kommer detta att funka oavsett skärmupplösning och webläsare? Permalänk: https://www.webforum.nu/p/1023207 ## #6 — Jesper T, 2003-04-23T18:34Z Ja, det skall det väl göra. Men du har ju satt ett fast mått på 456 x 700 så har man en skärm på mindre än 700 pixlars brädd så funkar det ju inte. = liten risk. Permalänk: https://www.webforum.nu/p/1023253 ## #7 — ulfe, 2003-04-23T21:03Z Kolla denna länken Där finns två exempel på centrerad css Permalänk: https://www.webforum.nu/p/1023439 ## #8 — joel_sundkvist, 2003-04-24T17:14Z Har en liten fundering... När jag resizar fönstret så åker meny-lagret också upp. Hur låser jag dess position? Har iallafall lyckats centrera lagren hyfsat. När jag sedan fixat detta, hur gör jag för att ladda en sida i lagret? Måste jag använda javascript? Här kommer koden: ``` Namnlöst dokument
Nyheter Biografi Repertoar Press
Media Länkar Gästbok Kontakt
text... bild...
``` Permalänk: https://www.webforum.nu/p/1023944 ## #9 — Flashes, 2003-04-24T19:19Z Du kan inte ha left:50% och top:50% här \#divMenuContent{ position:absolute; height:140px; width:700px; left:50%; top:50%; overflow:hidden; position:fixed; margin-left:-350px; margin-top:-280px; background-color: #bbbbbb; } om du skall kunna ha fast position på det som ligger innanför. Eller förstod jag dig fel kanske. Du kan använda dig av padding-top padding-left om du vill hålla divMenu på xx pixlar från kanten av divMenuContent, om jag tänker rätt, har inte testat. Mvh Jan-Olov Permalänk: https://www.webforum.nu/p/1024027 ## #10 — joel_sundkvist, 2003-04-24T21:01Z Vet inte längre vad jag menar ;) Vill låsa lagren i höjdled men centrera i sidled... Här finns sidan... Tack på förhand / Joel Permalänk: https://www.webforum.nu/p/1024097 ## #11 — joel_sundkvist, 2003-04-25T05:36Z Ingen som vet? Permalänk: https://www.webforum.nu/p/1024192 ## #12 — Flashes, 2003-04-25T06:36Z Du har ju frames på din sida, eller ser jag fel? Du måste ändra ditt frameset i såfall. Mvh Jan-Olov Permalänk: https://www.webforum.nu/p/1024227 ## #13 — joel_sundkvist, 2003-04-25T10:44Z jo hag har två vägräta frames. Här är koden... ``` <body> </body> ``` Jag kanske inte har förstått fördelen med att jobba i lager? ;) Om sidan inte vore gjord i frames, måste hela sidan laddas om då när man vill öppna en ny sida? Fördelar/Nackdelar? Tips mottages tacksamt =) Permalänk: https://www.webforum.nu/p/1024408 ## #14 — ulfe, 2003-04-25T15:20Z Ja sidan måste laddas om, men somdu ser har du ju bara två bilder och en rad med text. Bilden laddas och läggs i cachen så du kommer antagligen inte att märka nån skillnad om du skippar framset och lägger allt i en tabell eller lägger innehållet i div-taggar. Då får du även den effekten du har varit ute efter hela tiden. Permalänk: https://www.webforum.nu/p/1024652 --- Tråden på webben: https://www.webforum.nu/amne/html-css/74797-centrera-lager-med-css