Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML] Div nie pokrywa całego obszaru
Forum PHP.pl > Forum > Po stronie przeglądarki
BugsBunny
  1. programy:
  2. <div style="border: 2px dotted #000000; float: none; margin: 5px 5px 5px 5px; position: relative clear: both;">
  3. <img style="float: right; margin: 3px 3px 3px 3px; position: relative" src="http://ddereszewski.net/wp-content/uploads/invers-150x150.jpg" alt="" />
  4.  
  5. <a href="http://ddereszewski.net/2009/invers-gra-logiczna/22">Invers</a>
  6. </div>
  7. <div style="border: 2px dotted #000000; float: none; margin: 5px 5px 5px 5px; position: relative clear: both;">
  8. <img style="float: left; margin: 3px 3px 3px 3px; position: relative" src="http://ddereszewski.net/wp-content/uploads/2009/01/totalek-150x150.jpg" alt="" />
  9.  
  10. <a href="http://ddereszewski.net/2009/przegladarka-plikow-totalek/4">Totalek</a>
  11. </div>


Niestety miniaturki nie są w całości w Divie tylko sam tekst. Co jest źle ?
Rafal Filipek
spróbuj dać
Kod
overflow: hidden
dla kontenerów. float: left dla elementu sprawia, że jego wysokość jest domyślnie 'pomijana". btw. float: none jest zbyteczne - standardowo jest none ( no ale to tak ogolnie, nie wiem jak wyglada reszta twojego css'a smile.gif )
BugsBunny
Nic to nie pomaga:
  1. <div style="border: 2px dotted #000000; margin: 5px 5px 5px 5px; position: relative ;">
  2. <img style="float: right; margin: 3px 3px 3px 3px; position: relative; overflow: hidden;" src="http://ddereszewski.net/wp-content/uploads/invers-150x150.jpg" alt="" />
  3.  
  4. <a href="http://ddereszewski.net/2009/invers-gra-logiczna/22">Invers</a>
  5. </div>


Nadal jest tak samo.

CSS nie uwględniam gdyż piszę tylko w znacznikach style, a to dlatego, że jest to strona WordPress
Rafal Filipek
mowie przeciez ze do kontenera a nie obrazka
Kod
<div style="border: 2px dotted #000000; overflow: hidden; margin: 5px 5px 5px 5px; position: relative;">
BugsBunny
overflow: hidden; nic nie wnosi niezależnie gdzie bym go nie umieścił.

doszedłem co było źle
  1. <div style="border: 2px dotted #000000; float: left; clear: both; margin: 5px 5px 5px 5px; position: relative; width:600px;">
  2. <img style="float: left; clear: both; margin: 3px 3px 3px 3px; position: relative;" src="http://ddereszewski.net/wp-content/uploads/invers-150x150.jpg" alt="" />


Diva muszę zrobic jako pływającego i dodać clear:both, zeby nie laczył się z poprzednim
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.