border- viktig vid centrering

HTML & CSS

1 svar · 208 visningar · startad av aron

Medlem sedan mars 2004485 inlägg
Trådstart#1

Försöker som vanligt komma på en smart lösning till min lilla sida. Hoppar runt lite mellan "flytande layater" och centrerade lösningar. Vill ha en centrerad sida, då jag tror att den blir lättare att läsa.

Följande lilla mystiska grej har jag kommit fram till:
(testat i mozilla 1.0, kan ju vara det?)

css [FEL]

.content {
width: 700px;
margin: 10px;
margin-left: auto;
margin-right: auto;
color: #FFFFFF;
}

Kör du detta så kommer text försvinna om du gör fönstret mindre. än ~ 700px.

css [RÄTT]

.content {
width: 700px;
border: 1px solid #FFFFFF; /* Viktiga raden/*
margin: 10px;
margin-left: auto;
margin-right: auto;
color: #FFFFFF;
}

Då funkar allt som det ska "mirakulöst". Det blev Enkelt och bra.

Fundera på om det funkar när man kör "negativa marginaler metoden" .. i sådana fall är nog det lite bättre. Fungerar ju på lite äldre webbläsare.

Men jag förstår mig inte på det, det är inte "logiskt", är det ett fel i mozilla 1.0? bara?

Testa lite så jag få svar... eller berätta för mig hur det ligger till.

Medlem sedan mars 2004485 inlägg
#2

har gjort en sida där jag visar lösningen som funkar...

http://www.student.liu.se/~arokn012/new.htm

260 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
127 ms — deklarationer (db)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)