vycentrovani divu s width:auto

simPod · Příspěvekod **simPod** » 13 dub 2010 21:43

[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

Reklama

Příspěvekod **Myloš** » 14 dub 2010 00:49

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.

simPod · Příspěvekod **simPod** » 14 dub 2010 01:07

Aha. Ja myslel, ze auto je sirka dle obsahu divu

CZechBoY · Příspěvekod **CZechBoY** » 15 dub 2010 15:49

CHceš zarovnat celý blok(div) na center stránky nebo text v tom bloku na center ?

simPod · Příspěvekod **simPod** » 15 dub 2010 15:57

cely div na stred divu. ale uz mi to asi diky Mylosovi funguje

CZechBoY · Příspěvekod **CZechBoY** » 16 dub 2010 17:25

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]

vycentrovani divu s width:auto

vycentrovani divu s width:auto

Re: vycentrovani divu s width:auto

Re: vycentrovani divu s width:auto

Re: vycentrovani divu s width:auto

Re: vycentrovani divu s width:auto

Re: vycentrovani divu s width:auto

Kdo je online