Stránka 1 z 1

vycentrovani divu s width:auto

Napsal: 13 dub 2010 21:43
od simPod
[syntax lang=xhtml]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#top {
text-align:center;
width:100%;
}
#inside {
width:auto;
text-align:left;
margin:0 auto;
}
</style>
</head>
<body>
<div id="top">
<div id="inside"> test </div>
</div>
</body>
</html>[/syntax]
mam tenhle kod a potrebuju nejak vycentrovat div #inside, ale aby mu zustal parametr width:auto

jde to nejak? dik

Re: vycentrovani divu s width:auto

Napsal: 14 dub 2010 00:49
od Myloš
Když má width:auto, tak se roztáhne na celou šířku.
Buď width:auto, nebo centrování.
Jediné, co můžeš v tuto chvíli centrovat, je text (text-align: center;).
Konečně si to můžeš otestovat – dej pracovně každému divu jinou barvu na pozadí nebo jiný border a uvidíš, co se táhne odkud a kam.

Re: vycentrovani divu s width:auto

Napsal: 14 dub 2010 01:07
od simPod
Aha. Ja myslel, ze auto je sirka dle obsahu divu

Re: vycentrovani divu s width:auto

Napsal: 15 dub 2010 15:49
od CZechBoY
CHceš zarovnat celý blok(div) na center stránky nebo text v tom bloku na center ?

Re: vycentrovani divu s width:auto

Napsal: 15 dub 2010 15:57
od simPod
cely div na stred divu. ale uz mi to asi diky Mylosovi funguje

Re: vycentrovani divu s width:auto

Napsal: 16 dub 2010 17:25
od CZechBoY
v tom DIVu hlavním dej text-align: center a pak se ti zarovnaj všechny DIVy i text na střed ;-)
kdyžtak to hoď za vyřešené...
[syntax lang=xhtml]
<div id="hlavni">
<div id="centrovany">
normální text, který bude nejspíše zarovnaný zleva
</div>
</div>
[/syntax]
[syntax lang=css]
#hlavni {
text-align: center
}
[/syntax]