Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailem pozicovani pomoci CSS

chtel bych se zeptat jak mam zapozicovat tyto prvky a,b,c,d,e si predstavde jako divy treba s pozadim obrazku a jak to mam takhle zapozicovat kdyz chci dalsi prvek tak ho to hodi pod a ne vedle neho jako myslim napr c vuci d a nechtel bych pozicovat absolutne ani tabulkou

508450929

image : cssfn3.jpg

treba nejaky priklady by nebyly spatny :-)

dikes moc predem

Předmět Autor Datum
Podla mna musis spravit 3x DIV. 1. DIV: v strede bude 'a' 2. DIV: 'b', 'c', 'd' - normalne vedla seb…
D0ktor 21.12.2007 16:36
D0ktor
proc mi treba na div nejde dat zarovnani na stred - text-align:center ,margin :auto ani jedno se nec…
Zoro 21.12.2007 16:49
Zoro
a jeste bych se chtel zeptat nekdo rika ze absolutni pozicovani neni moc dobry jak to vubec je ? me…
Zoro 21.12.2007 17:05
Zoro
nevite teda nekdo?
Zoro 21.12.2007 23:11
Zoro
a jak je to s tim absolutnim pozicovani neni to dobre pouzivat ?
Zoro 22.12.2007 20:46
Zoro
Já myslím, že pozicovat celou stránku je úplně zbytečné. Na různé jednotlivé věci se to však šikne.…
Kráťa 22.12.2007 20:52
Kráťa
jasne dekuji je to zbytecne ale muzese-nicemu to nevadi.....
Zoro 22.12.2007 21:23
Zoro
Jasně, že může. je to pak jako nosit na kalhotách pásek a kšandy naráz. poslední
Kráťa 22.12.2007 21:40
Kráťa
Já bych to asi udělal: <body style="text-align: center"> <div style="height: 420px; width: 420px;…
Kráťa 22.12.2007 02:47
Kráťa
Ale pokud to chceš jako layout, nedával bych žádné šířky, pouze těm na krajích, aby to bylo "gumové"…
Kráťa 22.12.2007 02:52
Kráťa
Gumové by pak vypadaly tak [http://img148.imageshack.us/img148/5342/divygumals9 .gif]
Kráťa 22.12.2007 02:58
Kráťa

Podla mna musis spravit 3x DIV.
1. DIV:
v strede bude 'a'
2. DIV:
'b', 'c', 'd' - normalne vedla seba
3. DIV:
obdoba toho prveho

Kazdeho sirku nastav na 100%, vysku ako potrebujes a aby boli patricne zobrazene pod sebou tak pouzi clear: both;
Myslim ze takto vy to malo fungovat :-/

Já bych to asi udělal:

  <body style="text-align: center">
<div style="height: 420px; width: 420px; margin: auto"><!--cely-->
  

<div style="height: 60px; width: 300px; margin: auto; text-align: center; background-color: red">
a
</div>

<div style="height: 300px; width: 60px; margin: 0; float: left; text-align: center; background-color: blue">
b
</div>

<div style="height: 300px; width: 300px; float: left; margin: 0; text-align: center; background-color: green">
c
</div>

<div style="height: 300px; width: 60px; margin: 0; float: right; text-align: center; background-color: silver">
d
</div>

<div style="clear: both; height: 60px; width: 300px; margin: auto; text-align: center; background-color: yellow">
e
</div>

</div><!--cely-->
  </body>

a vznikne

[divyrb3.gif]

Stačí u toho prostředka nastavit obtékání (left left right) a nemusí se pozicovat nic.

Zpět do poradny Odpovědět na původní otázku Nahoru