Autor Zpráva
logging
Profil *
ahoj lidi. Tvorim si web cs-ko.xhosting.cz a rad bych to mel vycetrovany na stred ale nefunguje mi to :( nastavil sem to takto:

body
{
width: 700px;
margin-top: 0px;
background-color: #DADADA;
border: outset white 3px;
padding: 2px;
font-family: venanda,arial,sans-serif;
text-align: center;
}

ale porad je to centrovane defaultne na levo
Martin Kuželka
Profil
Musíš celý obsah obalit pomocí ještě jednoho divu, kterému nastavíš margin: 0 auto;.

Potom to bude vypadat asi takto:

<body>

<div style="margin: 0 auto;">
...
</div>
</body>
Marty
Profil
Text-align působí pouze dovnitř daného elementu, tzn když divu tuto vlastnost nadeklaruješ (s hodnotou center) na střed se zarovná pouze text v něm, nikoli element sám.

Řešení viz. Martin Kuželka, akorát bych kvůli kompabilitě doplnil:


<body style="text-align: center">
<div style="margin: 0 auto; text-align: left">
...
</div>
</body>
Martin Kuželka
Profil
Marty, logging text-align v css u body už má...
Marty
Profil
OK, to jsem se trochu překouk, pořád ale musí tuto vlastnost vrátit zpátky na zarovnání doleva (viz. ten div).
logging
Profil *
dik
logging
Profil *
tak to nejde. udelal jsem si

#stred
{
margin: 0 auto;
text-align: left;
}
a stejne to nejede. mam to dobre napsany?
Marty
Profil
Pro příklad:

<body style="text-align: center">
<div style="margin: 0 auto; text-align: left; width: 600px">
blok zarovnaný na střed
</div>
</body>

Pak už to jen překlop do externího stylopisu (přes id).
Acci
Profil
Marty, on to tam má. Změň ty ale na tohle:
body 

{
background-color: #DADADA;
padding: 2px;
font-family: venanda,arial,sans-serif;
text-align: center;
}

#stred
{
margin: 0 auto;
text-align: left;
width: 700px;
border: outset white 3px;
}
Marty
Profil
Radši jsem to napsal v inline stylu (funkční to je), pointa byla v tom přidání šířky divu.
Acci
Profil
Marty
A víš, že by mu to nepomohlo? On má totiž nastavenou šířku i pro body
logging
Profil *
fakt dekuji
logging
Profil *
jen jeste opravim tu anketua je to ok fakt dik
Toto téma je uzamčeno. Odpověď nelze zaslat.