webForumDet fria alternativet

border- viktig vid centrering

HTML & CSSur HTML, XHTML & CSS

1 svar · 201 visningar · startad av aron

Medlem sedan mars 2004485 inlägg
Frågan#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

132 ms totalt · 3 externa anrop · v20260731065814-full.b746b907
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)