Ruta i mitten

--- title: "Allt i MITTEN av fönstret" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/64469-allt-i-mitten-av-fönstret" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "Ceeron" published: "2003-01-11T12:15:57.000Z" updated: "2003-01-13T15:27:14.000Z" replies: 15 views: 956 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/64469-allt-i-mitten-av-fönstret" --- # Allt i MITTEN av fönstret ## #1 — Ceeron, 2003-01-11T12:15Z Halloj Jag har en liten tabell som jag vill ska ligga MITT i webbläsarfönstret, både y o x. Hur gör man detta? Permalänk: https://www.webforum.nu/p/64469 ## #2 — Dryden, 2003-01-11T12:18Z Något åt det här hållet? > \ > \ > \

> \ > \ > \ > \

\ > \ > \ > \ > \ > \ > \ Permalänk: https://www.webforum.nu/p/909573 ## #3 — Darren, 2003-01-11T13:43Z Använd inte \\ taggarna... De är föråldrade. ```

``` Permalänk: https://www.webforum.nu/p/909651 ## #4 — Peter S, 2003-01-11T13:56Z Såvida du inte använder en föråldrad version av HTML, så finns det heller inget "height"-attribut för \. :) Permalänk: https://www.webforum.nu/p/909659 ## #5 — xtreme, 2003-01-11T15:48Z Denna metod med table är en riktig klassiker, men finns det inte något annat sätt så att man slipper en extra table? Har så det räcker tycker jag ;) Fast det är bra att det funkar lika i alla upplösningar, webläsare, operativsystem etc Permalänk: https://www.webforum.nu/p/909733 ## #6 — Dryden, 2003-01-11T16:08Z > **xtreme skrev:** > > ..., men finns det inte något annat sätt så att man slipper en extra table? Har så det räcker tycker jag Är du en bra kodare så gör en extra tabell inte så mycket eftersom du har bra pejl på läget i alla fall. ;) Permalänk: https://www.webforum.nu/p/909750 ## #7 — jarvklo, 2003-01-12T00:19Z Dryden, Dryden... §jr \[OBS glimt i ögat\]En "bra kodare" vet att man kan göra detta på bredden iallafall med margin:auto i CSS :e :birp :e :birp :e \[/OBS glimt i ögat\] Men vad det gäller höjden har åtminstånde inte jag någon garanterad lösning utan tabeller ;) Permalänk: https://www.webforum.nu/p/910087 ## #8 — Dryden, 2003-01-12T00:24Z > **jarvklo skrev:** > > Men vad det gäller höjden har åtminstånde inte jag någon garanterad lösning utan tabeller Och har du ingen garanterad lösning på höjdproblemet så har du ju inte hela lösningen ;) Alltså, kör lite nästlade tabeller, det mår man bara bra av :OO :e Hur som helst, jag skulle kört med höjden och bredden på tabellen som jag först tipsade om, kanske något moddad likt Darrens förslag. Permalänk: https://www.webforum.nu/p/910090 ## #9 — Darren, 2003-01-12T18:21Z Det finns en annan lösning med javascript och lager inblandade. Men det är mycket enklare med nästlade tabeller... Att det inte finns någon höjd attribut för tabellen behöver du inte bry dig om på ett tag. De fungerar i alla webbläsare och det är det viktigaste. Använder du css så kan du använda dig av height attributet där istället. Dock kommer du att stöta på vissa problem med IE 4 om du använder detta. Permalänk: https://www.webforum.nu/p/910626 ## #10 — mikkeX, 2003-01-12T19:47Z Här är ett försök som jag gjort tidigare: ``` Ruta i mitten

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

``` Det centrera inte allt på "riktigt" men det fungerade för mitt ändamål. Permalänk: https://www.webforum.nu/p/910704 ## #11 — mikkeX, 2003-01-12T23:36Z Hittade ett bättre exempel i en annan tråd: Permalänk: https://www.webforum.nu/p/910916 ## #12 — Ceeron, 2003-01-13T14:30Z mikkeX med den där metoden så hoppar min lilla tabell när mer till höger bifogar screen... vettefan va jag gör fel... ingen hejjar på css grejjer Bilagor: - [flumm.jpg](https://www.webforum.nu/a/916.jpg) Permalänk: https://www.webforum.nu/p/911307 ## #13 — jarvklo, 2003-01-13T14:36Z Hmm... Har du inte bara räknat fel på de negativa marginalerna då? Värdena du skall kolla upp är: ``` margin: -111px 0 0 -111px; padding: 10px; width: 200px; height: 200px; border: 1px solid #999; ``` Det "första" och "sista" margin-värdet (-111px i exemplet) kommer från summan padding (10px) + borderbredd (1px) + halva höjden/bredden (200/2 = 100px) - dvs du måste räkna om dessa värden till att motsvara höjd och bredd på din centrerade div... Permalänk: https://www.webforum.nu/p/911314 ## #14 — Ceeron, 2003-01-13T14:51Z det tackar vi för ;) note: dock ser det ut som den håller till höger lite för mkt... ``` div.cntr { position: absolute; top: 50%; left: 50%; margin: -226px 0 0 -163px; padding: 2px; width: 450px; height: 324px; border: 0px text-align: center; z-index: 2; } ``` Permalänk: https://www.webforum.nu/p/911344 ## #15 — Peter S, 2003-01-13T15:03Z Pröva: ``` margin : -162px 0px 0px -225px; ``` :) Permalänk: https://www.webforum.nu/p/911360 ## #16 — Ceeron, 2003-01-13T15:27Z hehe borde man kommit på själv ;) Tack :P Permalänk: https://www.webforum.nu/p/911386 --- Tråden på webben: https://www.webforum.nu/amne/html-css/64469-allt-i-mitten-av-fönstret