Autor Zpráva
Brouzdalek
Profil
Jedná se o obtékání plovoucích prvků.

Potřeboval bych od Vás jednu radu. Dal jsem se do čtení knihy o CSS. Je tam zmínka o hacku Holly Hack s příkladem. Bohužel, svůj účel příliš nesplňuje (ikdyž je plně převzat z knihy :) Rád bych věděl, kde dělám chybu. V prohlížečích Firefox, Netscape a Opera bez problémů, ale ten IE prostě ne (měli by ho zakázat :)


<head>
<title>Ukázky CSS</title>
<style type="text/css">
.obal {
  padding: 1em;
  background-color: #eee;
  border: 3px solid #ddd;
 }
.plovouciblok {
  float: left;
  width: 150px;
  height: 150px;
  margin-right: 1em;
  padding: 0 10px;
  background-color: #fff;
  border: 3px solid #bbb;
 }
.neobtekat:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Nastavujeme vysku, aby IE chapal 'div' jako blokovy element a roztahnul se tak, aby pojal cely rozmer plovouciho bloku */ 

/* Skryto před IE5-mac \*/
* html .neobtekat {height: 1%;}
/* Konec skrytí před IE5-mac */
</style>
</head>

<body>
<div class="obal neobtekat">
 <div class="plovouciblok">
  <p>Plovoucí blok</p>
 </div>
 <h3>Obal 1</h3>
 <p>(bez jednoduchého ukončení obtékání)</p>
</div>
</body>


PS: Omlouvám se za špatné zařazení do témat....
vertigo4
Profil
Brouzdalek
jak toto souvisí s PHP? žádám moderátory o přesunutí do sekce CSS
Brouzdalek
Profil
jak toto souvisí s PHP? žádám moderátory o přesunutí do sekce CSS

Ano, vím, spletl jsem se, no, snad se zas tolik nestalo pane bezchybný ...
vertigo4
Profil
Brouzdalek
snad se zas tolik nestalo pane bezchybný
já to psal ještě před tím než jsi napsal PS... a tu ironii si nech, já to myslel vážně...
Brouzdalek
Profil
Tak to nevím, kdy jsi to psal, protože jsem si tu stránku předtím neaktualizoval, takže to nevím, uvědomil jsem si to až po vložení....


A navíc místo týhle tvý burezace a poučování bys mohl psát k věci ;) Moralizovat umí každej...
vertigo4
Profil
Brouzdalek
A navíc místo týhle tvý burezace a poučování bys mohl psát k věci ;) Moralizovat umí každej...
to je moralizování, když žádám moderátory o přesunutí do jiné sekce?

tak tedy k věci:
mohl bys trochu zapátrat na diskusi a našel bys toto -- http://diskuse.jakpsatweb.cz/index.php?action=vthread&topic=13778&foru m=7&page=-1
http://diskuse.jakpsatweb.cz/index.php?action=vthread&topic=30567&foru m=7&page=-1
Brouzdalek
Profil
To už jsem četl, ale přesto díky ....

A k tomu ostatnímu radši bez komentáře....
Brouzdalek
Profil
Problém jsem vyřešil sám a dodávám řešení:

Kvůli IE7/Win je při použití triku Holly Hack nutno zadat blokovému elementu
min-height: 1%; 
, čímž dáváme najevo browseru, že se jedná právě o blokový element...

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: