CSS - zarovnani divu
Napsal: 04 úno 2011 01:56
zdravim, mam 2 divy v containeru, potrebuju je zarovnat tak, jak jsou na obrazku, pokud mozno bez absolutni pozice. poradil by mi prosim nekdo jak na to? dekuji
Kód: Vybrat vše
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style type="text/css">
body, div, p {margin: 0; padding: 0;}
p {text-indent: 2em;}
body {background-color: black;}
#container {width: 960px; background-color: #ffe; margin: auto; padding: 20px;}
#div1 {width: 500px; background-color: #990; margin: auto;}
#div2 {width: 200px; background-color: #099; float: right;}
hr {clear: right; visibility: hidden;} /*čistič - kvůli floatu */
</style>
<title>Příklad se zarovnýním divů</title>
<div id="container">
<div id="div2">
<p>Božnám vla podtrojdi oba autobzor dobrajen já drávadlov říky Buben jít. Oba dostě božkamezi dosticí je Buben podtrojdi hudba zako dráček ští.
<p>Ana úmyva umraburdí nim sudbale tak lákamat vůně úmyvalem Trhnova magnednem. Muto pokemi aložek lák ští boutný onověď hal ří dostrojsk Umyslupos. Dobožek.
<p>Nim poc parcipádn zteplaled jený Umínkama škočiledo z kajední sudba sou. Úmyvat no krádní Básněžný ko hudbalo úmyvalemi vá čuvalemi škočiledo božkamezi. Ačít.
<p>Ačkový Tor lžičkaký Je krádní povodlobi odobzor uměsí umrad básná mutor. Starásný hulákak nuchváled málně nasíční z roští projedpok září aložek řící. Magneumín říky tobselad drávačkol říky umělý hraparcip.
</div>
<div id="div1">
<p>Lákamí vůněhulás úmyval rohlivý jednovod lek k hafanechř lák boliv úmysl. Rostrojsk roští dostrojsk taneumra Partavěď srdí a mocipádec škočiledo autor úmyslunce. Tak bývá štím mocipáda sólo.
<p>Hliv Tor zteplasti obzor ří hudíčkový magneumín kráčepres vůněhulás Depicí úmyvat. Měsí Přesiv rojednova roští já nim jít božnám drávadlov umyslupou umělý. Umraprošt čníky lva bájedpodl úmyval Umraburdí drátobick drásníky nesta jednovátc v. Bolivní.
<p>K Partavěď hole větrhnova Lžičkočár vůněhulás hanalemi umrapříke čajenný umraje bolo. Tlínkat dopicí lák přední zenžto jít obit záprajen hou neda sudí. Zvesmezil anadobra vůněhulás úmyslušle ječní hafanadop rojdi z čajenný nesta A. Napný mocipáda buby alem umítky.
<p>Sestí umrajedpo ta lekajakko říkem štím Al dosticí škočiledo tobselad lákaje. Ně rozem Holiv jít Tor postě štím z pánová říc Dobzor. Aložek povodlobi zlek ne Lžičkočár rojskočár sestí jakočil.
</div>
<hr>
</div>
Kód: Vybrat vše
#div1 {width: 500px; background-color: #990; margin-left: 230px; float: left;}
#div2 {width: 200px; background-color: #099; float: right;}