Centr na střed – CSS – Fórum – Programujte.com

TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Trvalé přihlášení

Zapomněl jsi heslo?

Centr na střed – CSS – Fórum – Programujte.com

Rozšířené hledání ›

Nejnovější témata ve fóru

15:49, Blender Rotácia pôvodu nefunguje

12:17, JavaScript, AJAX,… NODE RED - Přepinaci tlačitko.

11:22, .NET Začátečník, jak a co instalovat. VBA

20:53, CSS Bootstrap 5 - překrývající navigace

09:20, Delphi Jak přečist poslední řadek z text souboru.

19:30, JavaScript, AJAX,… VSCode - JavaScript

Stavba Laser Arény
Laser Game Brno

Centr na střed

ppavelP 0

Newbie

26. 1. 2007 #1

Obsah stránky mám v Divu o šířce 800px. Jak zařídím aby tenhle div byl dycky ve středu okna? Zní to sice jako pakárna, ale nepodařilo se mi to udělat.

Nahlásit jako SPAM

IP: ...–

Matej Zabsky 0

Boss

26. 1. 2007 #2

margin-left:auto;margin-right:auto;

Nahlásit jako SPAM

IP: ...–

Prosím, jestli potřebujete s něčím poradit,zeptejte se na fóru. Jakýkoliv bezdůvodný pokus mě kontaktovat skončí okamžitým přidáním do ignore listu![br][br] Současný počet osob, které to nepochopily: 7

Jan Škrášek

~ Redaktor

Boss

Kultivátor příspěvků ve starém fóru – 2.02 % z celku

26. 1. 2007 #3

CommanderZ píše:#
# margin-left:auto;margin-right:auto;

myslím že aby to fungovalo i v IE musímš mít taky

body {text-align: center;}

jinak je taky dobrý řešení:

#centrovany_div {



  position: absolute;

  left: 50%;

  width: 800px;

  margin-left: -400px;

  background: #777;

  color: #fff;



}

převzato z http://eroxia.net/tutorial/49-position-absolute

Nahlásit jako SPAM

IP: ...–

http://jan.skrasek.com – @hrachcz – webdeveloper

olgo0

Věrný člen

26. 1. 2007 #4

jinak je taky dobrý řešení:#
##
#

#centrovany_div {#
##
#  position: absolute;#
#  left: 50%;#
#  width: 800px;#
#  margin-left: -400px;#
#}

docela humus nemislis?

Nahlásit jako SPAM

IP: ...–

"Boze, dopraj mi, prosim ta, petdesiat rokov prace a zabavy, a potom nahlu smrt v spanku." J. Grisham

Lukáš Churý

~ Šéfredaktor

Hero

Kultivátor příspěvků ve starém fóru – 5.22 % z celku

26. 1. 2007 #5

To ppavelP:
Zcela jednoduše.
Vložíš následující kód:

<div style="text-align:center"> // vyrovná obsah na střed

  <div style="text-align:left"> // tento div je na středu, text nebude centrovaný na střed, ale vlevo (tj předpokládám chtěné)

    :obsah divu (text):

  </div>

</div>

Nahlásit jako SPAM

IP: ...–

Guitar Hero Master, Project führer & zdejší čaroděj.
Sleduj mě na twitteru – @lukaschury.

Jan Škrášek

~ Redaktor

Boss

26. 1. 2007 #6

olgo píše:#
#
jinak je taky dobrý řešení:#
##
#
#centrovany_div {#
##
#  position: absolute;#
#  left: 50%;#
#  width: 800px;#
#  margin-left: -400px;#
#}
docela humus nemislis?

vzhledem ktomu co se v denšní době používá za prasárny tak myslím že je to vpoho..

a btw... je to validní :)

Nahlásit jako SPAM

IP: ...–

http://jan.skrasek.com – @hrachcz – webdeveloper

Jan Malý

~ Redaktor

Grafoman

Kultivátor příspěvků ve starém fóru – 9.04 % z celku

27. 1. 2007 #7

já centruju takhle

body

{

	text-align: center;

	margin: 0;

	background-color: #818181;

	margin-top: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	margin-right: 0px;

}



#container

{

	position: relative;

	width: 750px;

	margin-top: 0px;

	margin-left: auto;

	margin-right: auto;

	text-align: left;

	background-color: #ffffff;

}



.

.

.

<body>

  <div id="container">

    ... obsah webu ...

  </div>

</body>

Nahlásit jako SPAM

IP: ...–

Jan Malý | web: www.malyphoto.cz, @malyphoto

olgo0

Věrný člen

27. 1. 2007 #8

To hrach: tak to ano ja sa snazim absolutne poziciovat len ked je to nevyhnutne nutne, zaporny margin mi tiez zdviha zaludok a je to tochu nepraktycke pri zmane sirky nestaci prepisat len jednu hodnotu. ovela viac sa mi pacei reisenie od JMM. nic prevratne ale nadherne "ciste". btw: s tou validitou som prekvapeny

Nahlásit jako SPAM

IP: ...–

"Boze, dopraj mi, prosim ta, petdesiat rokov prace a zabavy, a potom nahlu smrt v spanku." J. Grisham

ppavelP 0

Newbie

27. 1. 2007 #9

Super! Díky vám všem.

Nahlásit jako SPAM

IP: ...–

← Zpět na seznam vláken ← Zpět do Fóra