Autor Zpráva
Klainer
Profil *
Dobrý den,
zakímalo by mě proč se mi nerostahuje box který má nastavený height: auto; ...

xhtml mám poskládané takhle:

<div id="reference">

<div class="priklady">
<h4>Tatu - web blog</h4>
<a href="/velke.gif" rel="lightbox" title="Náhled stránky"><img class="img" src="tatu.gif" alt="Náhled stránky" width="172" height="112" border="0" /></a>
<dl>

<dt>Projekt:</dt>
<dd>Bla bla bla bla</dd>
<dt>Rozsah práce:</dt>
<dd>Bla bla bla bla
</dd>
<dt><a href="/reference/" title="Bla bla bla bla">Bla bla bla bla</a></dt>
</dl>
</div>

<div class="priklady">
<h4>Tatu - web blog</h4>
<a href="/velke.gif" rel="lightbox" title="Náhled stránky"><img class="img" src="tatu.gif" alt="Náhled stránky" width="172" height="112" border="0" /></a>
<dl>

<dt>Projekt:</dt>
<dd>Bla bla bla bla</dd>
<dt>Rozsah práce:</dt>
<dd>Bla bla bla bla
</dd>
<dt><a href="/reference/" title="Bla bla bla bla">Bla bla bla bla</a></dt>
</dl>
</div>

a jeste jednou ( má to být vedle sebe )

</div>

a pak css:

#reference { height: auto; margin-left: 0.8em; }
#reference .priklady { margin-left: 10px; margin-bottom: 5px; margin-top: 5px; height: auto; width: 205px; padding-top: 10px; float: left; font-size: 0.8em; line-height: normal; }
#reference .priklady h4 { margin: 0; color: #358d8a; text-align: left; padding: 0px; padding-bottom: 5px; font-weight: normal; }
#reference .priklady dl { width: 176px; line-height: 1.3em; clear: both; }
#reference .priklady dt { color: #357775; padding-right: 0.2em; float: left; clear: left; }
#reference .priklady dl dt a { color: #0f7aff; text-decoration: underline; }
#reference .priklady dl dt a:hover { color: black; text-decoration: underline; }
#reference .priklady .img { margin-bottom: 3px; width: 172px; height: 112px; border: 2px solid #acc5a6; float: left; }

No a když to takhle použiju box reference se vubec neroztáhne ( jako by v něm nic nebylo ) a text přečnívá přes stránku.
Prominte mi za také množství kodu, ale chtěl jsem definovat konkrézní situaci.
Děkuji za případné rady.
Klainer
Profil *
:) jeste se omlouvám za gramatiku musím se registrovat abych clánek upravil .....
Klainer
Profil
vyřešeno

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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