Potrebujem parent div na 100%

Zdravím , neviete niekto pomôcť ako spraviť aby parent div na tejto stránke http://www.prca.eu/zobraz.php?id=42347 sa roztiahol na výšku obsahu ?

tu je css http://www.prca.eu/style.php

(prepáčte ak je téma v zlej kategórii , neviem kde inde to dať)

Ďakujem

Před ukončení hlavního divu by mělo stačit přidat:

Kód:

<div style="clear: both; height: 1px; font-size: 1px; line-height: 1px;"></div>

dakujem krasne ;)

Původně odeslal Martin

Před ukončení hlavního divu by mělo stačit přidat:

Kód:

<div style="clear: both; height: 1px; font-size: 1px; line-height: 1px;"></div>

Ale fuj.

Nikdo ti nebrání poradit líp.

přece mu řešení nebude nikdo psát celé - způsob byl naznačen i když stačí mít clear:both , ostatní nemá vliv a je jasné, že mít to v inline style je hnus, pro ukázku řešení to ale stačí

Tak div navíc vůbec není potřeba, ale pro zdejší potřebu je to nejspíš ok.

na to lepší řešení by to bylo na úpravu celé konstrukce webu (html+css) což tady asi nikdo z dobré vůle dělat nebude

Když chceš DIV, který obsahuje plovoucí prvky natáhnout, dávej na konec DIVu následující

Kód:

<p class="cleaner">&nbsp;</p>

a ve stylech nastav:

Kód:

p.cleaner {clear: both; display:block; height: 0px; line-height: 0px; overflow:hidden; border: none; padding:0; }

funguje to spolehlivě a je to myslím čisté řešení

mam dalši problem ak mam kod

Kód:

<div class="obsah">
      <img src="images/obrazok.png" alt="obrazok" />
      <br style="clear:both" />
      <div class="obsahl">
        <div class="nadpis">Vitajte</div>
      </div>
      <div class="obsahp"></div>
      <br style="clear:both" />
      </div>

tak kým tam je ten obrázok , tak sa cely div neroztiahne ale ked ho dam prec tak uz to ide ale musi tam byt ten obrazok

Původně odeslal Jan Vašek

funguje to spolehlivě a je to myslím čisté řešení

Do čistého řešení to má daleko. Ve většině případů stačí rodičovskému prvku dát overflow:hidden.

---------- Příspěvek doplněn 11.05.2012 v 09:47 ----------

Původně odeslal dook

mam dalši problem
tak kým tam je ten obrázok , tak sa cely div neroztiahne ale ked ho dam prec tak uz to ide ale musi tam byt ten obrazok

A jak se to má chovat? Bez stylů nebo ještě lépe živé ukázky můžeme jen hádat.

Já používám

Kód:

hr.clr {
clear:both;
height:0px;
line-height:0px;
font-size:0px;
margin:0;
padding:0;
border:0
}

Nevím jestli to je to nejlepší řešení. Ale podle mě mnohem lepší jak div, span, p, atd.
Ale myslel jsem že <br /> je na zalamování řádků a tudíž mi příjde dost divné mu nastavovat nějaká css pravidla.
Zato <hr />, čára mi příjde pro tyto účely mnohem lepší.

Co vy na to?

Že je to úplně stejně zbytečné jako div, span, p, ... se stejnými pravidly.

Tak jsem si o tom něco početl a nejlepší se mi zdá clearfix z boilerplate http://bit.ly/evOPw5.
Ještě k tomu overflow: hidden http://bit.ly/b94kSq