Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Dwa divy i height
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
derecyori
Witam serdecznie.
Mam problem z rozszerzaniem się diva w którym znajduje się inny div.
Ale po kolei.
Strona jest zamknięta w div main:
CODE

#main {
width:790px;
height: 100%;
overflow: hidden;
margin: 0 auto;
}

Następnie znajduje się div zawartosc:
CODE

#zawartosc {
float:left;
position:relative;
height:100%;
}

A w zawartości jest klasa fotka:
CODE

#zawartosc .fotka {
float: left;
width: 125px;
height:200px;
margin: 0 1% 10px 1%;
}

W klasie fotka wyświetlana jest tabelka:
<div class="fotka">
<table width="125" border=0>
<tr>
<td align="center"><a href="#"><img onClick="java script:window.open('<? print $foto_wsz[1]; ?>')" src="<? print $foto_wsz[2]; ?>" width="100" height="100" border="0"/></a></td>
</tr>
<tr>
<td align="center">
</td>
</tr>
</table>
</div>
Teraz problem. W klasie fotka wyświetlane są pojedyńcze zdjęcia o stałych rozmiarach. Niestety div zawartosc nie rozszerza się do jej wielkości tylko pozostaje na najmniejszym możliwym rozmiarze (przeglądarka Firefox na innych nie testowane). Prosiłbym o pomoc.
nevt
spróbuj do #zawartosc dodać width: 790px;

tak jak masz teraz opisane, to #zawartosc rozciąga się wszerz bez ograniczeń, a #main obcina wyświetlanie tego, co się nie mieści...
powodzenia.
derecyori
Dodałem ale żadnego rezultatu sadsmiley02.gif
nevt
to spróbuj jeszcze z #main i # zawartosc wyrzucić height:100%, a w html bezpośrednio po zamknięciu div o id zawartosc dodaj diva z clear:
  1. <div id="main">
  2. <div id="zawartosc">
  3. ... tutaj twoje fotki
  4. </div>
  5. <div style="clear:both"></div>
  6. </div>
derecyori
Użytkowniku Nevt dzięki bardzo serdeczne. Dodanie diva clear:both pomogło. Jednak najlepiej się człowiek uczy ćwicząc guitar.gif
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.