Autor Zpráva
cs.web
Profil
Ahoj,
mám jeden takový problém.
Mám udělaný jednoduchý výpis článků s divi a nastavený float, aby se prvky zobrazovaly vedle sebe.
Problém je v tom, že ostatní obsah stránky potom tyto divy ignoruje a chová se tak, jako by tam vůbec nebyly.
Př: border-bottom začíná už na začátku
Zde připojuji ukázku: http://kod.djpw.cz/aplb
Keeehi
Profil
Přidej na konec nějaký prvek s
clear:both;
Více informací.
anonymníí
Profil *
cs.web:
Přečti si něco o floatu a clearu.
cs.web
Profil
Díky za pomoc. Ještě jsem se chtěl zeptat. Bylo by možné nějak ty divy zarovnat přímo na střed ?
Př: V případě, když se do content nevlezou všechny divy, tak se zobrazí jen třeba dva, ale zarovnané na levou stránku.
frenden
Profil
Mělo by to jít zarovnat pomoci

margin-left: px/%;
margin-right: px/%;

nebo rovnou na střed
margin: 0 auto;
cs.web
Profil
frenden:
Mám už řešené takhle, ale i tak je to při zmenšení (Nevleze se tam třetí div) posunuté doleva.
 
width: 65%; 
margin: 0 auto;
Keeehi
Profil
Živá ukázka
Když jsou tři v řádku, tak to asi nevypadá tak, jak by sis představoval, ale o moc lépe to nepůjde.

Pro novější prohlížeče by šlo použít display: flex; a pak s tímjdou dělat kouzla. Ovšem podpora v IE není moc dobrá. Takže možnáto vytvořit pomocí flexboxu a pro IE jako fallback použít display: inline-block; z úvodu tohoto příspěvku.
cs.web
Profil
Keeehi:
Pockrát díky. To je přesně to, co jsem potřeboval.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: