--- title: "Hur skapar jag en ruta som är centerad på skärmen och sedan en liten ruta brevid?" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/176740-hur-skapar-jag-en-ruta-som-är-centerad-på-skärmen-och-sedan-en-liten-ruta-brevid" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "EmmaW" published: "2009-02-06T10:51:09.000Z" updated: "2009-02-15T12:25:53.000Z" replies: 2 views: 379 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/176740-hur-skapar-jag-en-ruta-som-är-centerad-på-skärmen-och-sedan-en-liten-ruta-brevid" --- # Hur skapar jag en ruta som är centerad på skärmen och sedan en liten ruta brevid? ## #1 — EmmaW, 2009-02-06T10:51Z Jag vill skapa en stor ruta (div, table eller vad som helst) som är centerad på hela skärmen. Brevid den till höger vill jag att det ska ligga en mindre ruta som bara "följer" med den stora rutan. Se bilden hur jag hade tänkt: Den blåa befinner sig alltid i mitten av skärmen, medan den gröna "följer med" vid sidan dvs. Finns det någon som vet hur man kan göra detta? :) *(Det enda jag själv har kommit på är att lägga en likadan ruta som den gröna även på vänster sida och sedan inte ha något i den. Det funkar när man har ett stort "webläsarfönster". Men om man förminskar storleken på sitt webläsarfönster så går den blåa rutan inte enda in till vänsterkanten som den borde eftersom en onsynlig ruta då ligger ivägen.)* Permalänk: https://www.webforum.nu/p/176740 ## #2 — effata, 2009-02-09T09:28Z Här är metoden jag använder för vertikal och horisontell centrering, funkar bra i alla browsers. Sen placerar du bara en absolutpositionerad div inuti inner-diven med right = -(divens bredd) Permalänk: https://www.webforum.nu/p/2168138 ## #3 — EmmaW, 2009-02-15T12:25Z Tack så mycket :) Permalänk: https://www.webforum.nu/p/2169058 --- Tråden på webben: https://www.webforum.nu/amne/html-css/176740-hur-skapar-jag-en-ruta-som-är-centerad-på-skärmen-och-sedan-en-liten-ruta-brevid