Galeria DIV czy Table

[mb]

Chce wstawic na strone ok 9 fotek. Lepiej umiscic je w tabelce czy w div'ach ?

[konieczny]

Zdecydowanie w div'ach bo tabelki służą do czegoś innego.

[mb]

Czy sposób jest dobry ? , może lepiej kazdy img opatrzyć znacznikiem div ?

Kod: Zaznacz cały

<div id="foto">
		<img src="M/1.jpg">
		<img src="M/2.jpg">
		<img src="M/3.jpg">
		<img src="M/4.jpg">
		<img src="M/5.jpg">
		<img src="M/6.bmp">
		<img src="M/7.jpg">
		<img src="M/8.jpg">
		<img src="M/9.jpg">
		
	</div>

[konieczny]

Tak ten sposób jest dobry. Teraz musisz tylko ustawić odpowiednio style.

[mb]

1.Div ze zdjeciami jest zagniezdzony w innym div'e ktorego border ustawilem na 1px. Problem polega na tym ze zdjecia nachodz a nawet wychodza za ta ramke. Jak temu zapobiec. Kiedy robilem strony na ifrema byl jakis skrypt w java ktory odpowiadal za to. Jak sprawa wyglada w przypadku div ?

2. Czy nie lepiej byloby wstawić te zdjecia w css ?

[konieczny]

Najlepiej będzie jak pokażesz kawałek kodu. Wtedy będzie można coś poradzić.

[mb]

Tak to wyglada
CSS

Kod: Zaznacz cały

*{padding:0;
margin:0;}

#top{
border:0px solid;
padding:1px;
width:700px;
margin:auto;}

#naglowek{
border:1px solid;
height:70px;
padding:5px;
margin-bottom:5px;
background-color:#CCCCCC}

#menu{
border:0px solid;
padding-left:5px;
margin-bottom:10px;
}


#tresc {

border:1px solid;
height:400px;
padding:5px;
margin-bottom:5px;
background-color:#FFFFFF;
}


#stopka{
border:1px solid;
height:20px;
padding-left:5px;
padding-right:5px;
background-color:#ccc;
}

Galeria

Kod: Zaznacz cały

<body>

<div id="top">
 <div id="naglowek">Naglowek</div>
 <div id="menu">
   <ul>
    <li><a href="index.html">HOME</a></li>
    <li><a href="galeria.html">GALERIA</a></li>
	<li><a href="kontakt.html">KONTAKT</a></li>
 </ul>

</div>
 <div id="tresc">
 	<div id="foto">
	<img src="M/1.jpg">
	<img src="M/2.jpg">
	<img src="M/3.jpg">
	<img src="M/4.jpg">
	<img src="M/5.jpg">
	<img src="M/6.bmp">
	<img src="M/7.jpg">
	<img src="M/8.jpg">
	<img src="M/9.jpg">

	</div>

  
 </div>
 <div id="stopka">stopka</div>
</div>
</body>

[mb]

Problem rozwiązany. Dopasowanie wielkośći DIV do znajdujących się w nim elementów,

Kod: Zaznacz cały

height:auto !important;

Ponawiam pytanie. Czy scieżki do obrazków osadzać w CSS czy między DIV'ami tak jak przedstawia kod wyżej.