Autor Zpráva
MaofKO
Profil *
Ahojte, neviem si dať rady z nasledovným kódom. Mám 1 div, v ňom druhý div s obsahom, ktorý sa ale neprispôsobuje veľkosti obsahu, takže obsah trčí von tak, ako na obrázku a neviem už vôbec ako to upraviť tak, aby sa div prispôsoboval svojmu obsahu.

HTML
<div id="popis-blok">
<div id="popis">
<div id="nadpis"><br><h4><img src="images/circle.png"> </img>PRÍBEHY</h4></div>
<div id="pribehy">
test text
<br><br>
</div>
<div id="pribehy">
test
<br><br>
</div>
<div id="pribehy">
test
<br><br>
</div>
<br>
<div id="pribehy">
<a href="pribeh1.php"><img src="images/pribehy/zabavenie/a.jpg"></a>
</div>
<div id="pribehy">
<a href="pribeh2.php"><img src="images/pribehy/zabavenie/a.jpg"></a>
</div>
<div id="pribehy">
<a href="pribeh2.php"><img src="images/pribehy/zabavenie/a.jpg"></a>
</div>
<br><br>

</div>
</div>

CSS:
#popis-blok {
background-color: #FFFFFF;
margin-top: -20px;
margin-right: auto;
margin-left: auto;
color: #333333;
}

#popis {
margin-top: 20px;
margin-left: 143px;
margin-right: 143px;
font-size: 15px;

#pribehy {
float: left;
width: 246px;
}



Zatiaľ som to riešil len tak, že som do divu popis dával prázdne <br> riadky, aby to bolo na výšku také, ako jeho obsah, ale to mi nepríde ako správny spôsob
Tomáš123
Profil
MaofKO:
CSS, 14 riadok chýba znak "}"

Tu máš živú ukážku: Kód a Ukážku.

<img> nie je párový
Fisir
Profil
Reaguji na MaofKa:
Pozor, atribut id musí být unikátní (tj. nesmí být na jedné stránce vícekrát se stejnou hodnotou). Místo id="pribehy" použij raději class="pribehy" (pak v CSS místo selektoru #pribehy použij .pribehy). K tvému problému: způsobuje to vlastnost float, která „naruší“ počítání výšky elementu (nezapočítává se jeho vnitřní obsah). Pro opravení přidej rodičovskému elementu elementů se třídou pribehy vlastnost overflow: auto. (Živá ukázka) Platí i připomínky od Tomáše123.
MaofKO
Profil *
ďakujem veľmi pekne za vysvetlenie, pridaním overflowu to už funguje tak ako má :)
jefitto44
Profil
Možno by stálo za to spomenúť, že aj keď budeš mať ID viackrát na stránke, nič sa nepokazí... iba to nebude validné
Bubák
Profil
jefitto44:
keď budeš mať ID viackrát na stránke, nič sa nepokazí
To není pravda, v samotném CSS nevadí, u kotev a hledání elementu dle ID v JavaScriptu první vyhrává.
http://jecas.cz/id-class#opakovani
jefitto44
Profil
V tomto prípade je pochybné, že použije javascript... ale máš pravdu samozrejme... ja som narážal len na to, že Fisir to napísal tak, že to vyznelo, akoby mu to nefungovalo kôvli tomu, že tam nemá classy, ale idčka
Fisir
Profil
Reaguji na jefitta44:
Fisir to napísal tak, že to vyznelo, akoby mu to nefungovalo kôvli tomu, že tam nemá classy, ale idčka
Vyznít to tak mělo, protože je to explicitně špatně a to, že to funguje je jen dobrá vůle prohlížečů. Raději ať si začátečník vštípí, že každé id jen jednou na jednu stránku, než aby potom řešil, že mu nefunguje něco dalšího.
jefitto44
Profil
Súhlasím
MaofKO
Profil *
Máte pravdu, javascript som na tomto webe nepoužil, odteraz budem používať id vždy len raz, inak classy. Díky za informácie :)

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: