Mam problem z wypozycjonowaniem divów. Ponizej znajduje sie kod strony i jej wyglad:
Kod: Zaznacz cały
<html>
<head>
<title> . </title>
</head>
<body>
<div id = "head" style="height: 100px; width: 700px">
<img src="banner.jpg" style="width: 700px; height: 200px">
</div>
<div id = "content" style="background-color: white; width: 700px; height: 400px; overflow: visible">
<!-- TU TKWI PROBLEM -->
<div id = "pierwszy" style="border-style: solid; width: 200">
</div>
<div id = "drugi" style="border-style: solid; width: 200">
</div>
</div>
<div id = "footer" style="width: 700px; height: 20; background-color: blue; color: white; text-align: right; font-size: 10;">
Copyright...
</div>
</body>
</html>
Problem: Chce zmodyfikowac strone tak, aby
1) calosc byla wycentrowana w stosunku do przegladarki // mniej istotne
2) bloki o id 'pierwszy' i 'drugi' byly od siebie calowicie niezalezne, tzn., zeby:
- znajdowaly sie na takich pozycjach jak na ponizszym rysunku;
- dodanie tekstu w 'pierwszym' (a co za tym idzie- jego rozszerzenie) nie powodowalo obnizenia sie 'drugiego' (przy czym nie interesuje mnie tu stosowanie overflow: auto) - mam zamiar w przyszlosci dodawac teksty do tych blokow o dlugosci jeszcze mi nieznanej...
Efekt, ktorego oczekuje:
Prosze o jakas wskazowke / pomoc
Pozdrawiam