2 svar · 370 visningar · startad av EmmaW
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:
http://i43.tinypic.com/520t1s.jpg
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.)
Här är metoden jag använder för vertikal och horisontell centrering, funkar bra i alla browsers.
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
Sen placerar du bara en absolutpositionerad div inuti inner-diven med right = -(divens bredd)
Tack så mycket :)
