Neregistrovaný Přihlásit Registrovat

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

Ahoj

potřeboval bych pomoci s pozicováním
tady je obrázek jak bych chtěl aby to vypadalo, růžový a zelený element tam by mělo být 5 elementou které v kodu následují po sobě, potřeboval bych je ale napozicovat tak aby byly na obrazovce na sobě (poskládány od monitoru k obličeji) všechny vystředěny v černém obrysu 600x400

a obrys 600x400 musí být jako fixed, top: 20px, a horizontálně vystředěn
(to jsem teda vyřešil tak že má left: 50%; margin-left: -300px;) není nějaké lepší řešení?

[http://img834.imageshack.us/img834/9457/pozice.png ]

Díky

Předmět Autor Datum
hlavní blok bych udělal jako div s pevnou šířkou 600x400px dovnitř bych dal další div (růžová) a vys…
Travnik 25.07.2013 09:43
 Travnik
růžový a zelený element tam by mělo být 5 elementou které v kodu následují po sobě To je gulášovitý… poslední
IQ37 25.07.2013 13:07
 IQ37

hlavní blok bych udělal jako div s pevnou šířkou 600x400px dovnitř bych dal další div (růžová) a vystředil na střed margin: 0 auto; zelený blok bude nejspíš muset mít position: absolute; pokud má přetékat a pak bych ho odsunul od horního kraje pomocí margin-top. Tak snad takhle hlavy alespoň myšlenkově, ale je to blízké Vašemu popisu..

růžový a zelený element tam by mělo být 5 elementou které v kodu následují po sobě

To je gulášovitý popis. Ono taky záleží na tom, co v těch objektech bude. Pokud budou mít jenom nějaké pozadí (barva, obrázek - bez textu ap.), tak by to šlo takto:

<div style="width: 600px; height: 400px; border: 1px solid black; margin: 0 auto;">
	<div style="width: 400px; height: 300px; border: 1px solid black; background: green; margin: 20px auto;">
		<div style="width: 150px; height: 200px; border: 1px solid black; background: red;  margin: 20px auto;">
		</div>
	</div>
</div>

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