Forum PHP.pl > Spadajace bloki

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

_kama

31.10.2009, 10:25:48

Witam,
testuje na takim przykladzie

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
	div.hint {position: absolute; left: 300px; top: 300px; height: 25px}
	div.hint div.hint2 {position: relative} 
	p {float: left; border: 1px solid red}
</style>
</head>
 
<body>
<div class="hint">
	<div class="hint2">
		<p>pierwszy</p>
		<p>drugi drugi drugi drugi drugi drugi drugi drugi </p>
		<p>trzeci</p>
	</div>
</div>
</body>
</html>
[HTML] pobierz, plaintext

Efekt ktory potrzebuje osiagnac to taki, ze podczas zmniejszania okna przegladarki od prawej strony te 3 elementy <p /> maja sie chowac, a nie spadac gdy sie przestaja miescic. Wszystko byloby ok gdyby div.hint nie mial position: absolute, ale to jest konieczne! W srodek moge wsadzic tam cokolwiek, ale okalajacy div musi bezwzglednie miec position: absolute. I jeszcze jeden warunek - drugi <p> nie moze miec podanej na sztywno szerokosci, bo tekst w nim bedzie generowany z automatu, wiec zmiennej szerokosci bedzie ten blok. Bardzo prosze - pomozcie!

vokiel

31.10.2009, 14:39:25

Overflow dla hint2

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.