[html/php] PORADA Opcje

[adiscan]

Witam!
Chciałem zrobiś niedużą stronke o strojach ludowych.
Chciałem zeby składała sie z dużego logo w nagłówku następnie poziomego menu poniże zmieniająca się treść strony i stałej stopki.

I stąd moje pytanie ! Jak zrobić szkielet tak aby:
logo wraz z poziomym menu było niezmienne a zmieniała się tylko treść strony.

Zrobiłem cos takiego na div'ach i stylach. Ale mam problem z miejscem na zmieniającą się treść! Nie chce aby ta komórka miała stałą wartość rozmiarową. Chciałbym aby rozmiar tej komorki zmieniał się w zależności od biętości stronki.

Obecnie mam tak że w div'ie umieściłem ramke lokalną iframe i do niej wczytuje poszczegolne strony! Ale niestety nawet jak zrobie ze ramka automatycznie dostosowuje się do obiętości wczytywanej strony to niestety DIV sie już nie powieksza i obcina.

Bardzo prosiłbym o rade jak wybrnąc z tego problemu !
może jakis inny sposob na zrobienie tego?

Z góry wielkie dzieki!

[adiscan]

Mam jeszcze taki problem! chodzi o tło w divie. Mam 2 kolumny. W pierwszej jest obrazek z podpisem a w drugiej kilka osobnych div'ow a w nich miniaturki zdjęć. Chodzi mi o to ze w pierwszej kolumnie musze z reki wpisac wysokosc div'a zeby kolor znalazł się w całym divie. te 2 kolumny mają być jednakowe. Chciałbym tak zrobić zeby po powiekszeniu się tej drugiej kolumny powiekszyła sie automatycznie ta pierwsza i zeby w niej było tło takie jakie zadałem. ciezko mi to wytlumaaczyć
może podam urywek kodu i stylu css

[HTML] pobierz, plaintext 
<div id="kol1x">
		<p><img src="male/przeworski/damski01.gif" width="163" height="400"><p>
		<p>Strój Damski</p>
</div>
 
<div id="kol2x">
	<div class="kom2">
		<div class="miniaturka">
		<p><a href="duze/przeworski/damski_blisko_1~1.jpg" rel="lightbox"><img src="male/przeworski/ddamski_blisko_1~1.gif" width="89" height="124" alt="" /></a></p>
		<p>Damski ...</p>
		</div>
 
 
		<div class="miniaturka">
		<p><a href="duze/przeworski/chusta58.jpg" rel="lightbox[galeria]"><img src="male/przeworski/chusta58.jpg" width="124" height="89" alt="" /></a><p>
		<p>Chusta</p>
		</div>
 
 
		<div class="miniaturka">
		<p><a href="duze/przeworski/zapaska60.jpg" rel="lightbox[galeria]"><img	 src="male/przeworski/zapaska60.jpg" width="124" height="89" alt="" /></a><p>
		<p>Zapaska</p>
		</div>
 
 
		<div class="miniaturka">
		<p><a href="duze/przeworski/spodnica010.jpg" rel="lightbox"><img src="male/przeworski/spodnica010.jpg" width="89" height="124" alt="" /></a><p>
		<p>Spódnica</p>
		</div>
 
 
		<div class="miniaturka">
		<p><a href="duze/przeworski/bluzka65.jpg" rel="lightbox"><img src="male/przeworski/bluzka65.jpg"	width="124" height="89" alt="" /></a><p>
		<p>Bluzka</p>
		</div>
 
 
		<div class="miniaturka">
		<p><a href="duze/przeworski/koszula74.jpg" rel="lightbox"><img src="male/przeworski/koszula74.jpg"		width="124" height="89" alt="" /></a><p>
		<p>Koszula</p>
		</div>
 
		<div class="miniaturka">
		<p><a href="duze/przeworski/kamizela38.jpg" rel="lightbox"><img src="male/przeworski/kamizela38.jpg" width="89" height="124" alt="" /></a><p>
		<p>Kamizela</p>
		</div>
 
 
		<div class="miniaturka">
		<p><a href="duze/przeworski/gorset19.jpg" rel="lightbox"><img src="male/przeworski/gorset19.jpg" width="89" height="124" alt="" /></a><p>
		<p>Gorset</p>
		</div>
 
 
		<div class="miniaturka">
		<p><a href="duze/przeworski/spodnie39.jpg" rel="lightbox"><img src="male/przeworski/spodnie39.jpg" width="89" height="124" alt="" /></a><p>
		<p>Spodnie</p>
		</div>
 
	</div>
 
</div>
[HTML] pobierz, plaintext 

A to jest styl:

CODE

#kol1x {
background-color: #FFFFCC;
float:left;
width: 220px;
text-align: center;
font-family: Comic Sans MS;
font-weight: 100;
font-size: small;
color: #800000;
line-height: 100%;
position:relative;
bottom: -50px;
left: 10px;
}


#kol2x {
background-color: #FFFFCC;
float:left;
width: 560px;
height: auto;
text-align: center;
font-family: Comic Sans MS;
font-weight: 100;
font-size: small;
color: #800000;
line-height: 50%;
}

.kom2 {
background-color: #FFFFCC;
margin-left: 60px;
margin-top: 20px;
margin-right:30px;
}

.miniaturka {
background-color: #FFFFCC;
float: left;
height: 155px;
padding: 10px;
text-indent: 0px;