vycentrovani divu s width:auto

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Odpovědět
simPod
Level 4
Level 4
Příspěvky: 1295
Registrován: 15 čer 2006 18:51
Kontaktovat uživatele:

vycentrovani divu s width:auto

Příspěvek 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
Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6991
Registrován: 11 dub 2006 09:09
Bydliště: Praha

Re: vycentrovani divu s width:auto

Příspěvek 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.
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)
simPod
Level 4
Level 4
Příspěvky: 1295
Registrován: 15 čer 2006 18:51
Kontaktovat uživatele:

Re: vycentrovani divu s width:auto

Příspěvek od simPod »

Aha. Ja myslel, ze auto je sirka dle obsahu divu
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: 20 srp 2008 14:02
Bydliště: Brno
Kontaktovat uživatele:

Re: vycentrovani divu s width:auto

Příspěvek od CZechBoY »

CHceš zarovnat celý blok(div) na center stránky nebo text v tom bloku na center ?
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
simPod
Level 4
Level 4
Příspěvky: 1295
Registrován: 15 čer 2006 18:51
Kontaktovat uživatele:

Re: vycentrovani divu s width:auto

Příspěvek od simPod »

cely div na stred divu. ale uz mi to asi diky Mylosovi funguje
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: 20 srp 2008 14:02
Bydliště: Brno
Kontaktovat uživatele:

Re: vycentrovani divu s width:auto

Příspěvek 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]
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Odpovědět

Zpět na „Programování a tvorba webu“