Forum PHP.pl > Rozciąganie diva przy position relative

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Rozciąganie diva przy position relative

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

darksiders94

13.07.2014, 11:06:35

Div rodzic się rozciąga kiedy dodaje do niego nowe divy, ale kiedy jednemu z dodanych divów nadam position relative top to div rodzic nie rozciąga się, tylko div dodany wystaje z niego.
Jak zrobić aby div rodzic rozciagał się uwzględniając position relative?

Mam po prostu jeden plik css do kilku podstron i nie mogę na sztywno nadać wysokośc divowi rodzicowi bo na wszystkich stronach z różną treścią będzie taka sama wysokość. Chyba że lepiej robić dla każdej podstrony oddzielny plik css?

by_ikar

13.07.2014, 11:45:24

Rodzic również musi mieć position relative.

darksiders94

13.07.2014, 11:48:03

Nie bardzo chyba..

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="text/javascript" src="skrypty.js"></script>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/style.css" />
	</head>
	<body>
		<div id="container">
			<section id="sekcja1">
				<div id="obraz1">
				</div>
				<div id="obraz2">
				</div>
				<div class="clear"></div>
				<div id="obraz3">
				</div>
			</section>
			<section id="sekcja2">
			</section>
			<section id="sekcja3">
			</section>
		</div>
	</body>
</html>
 
 
[HTML] pobierz, plaintext

body{
background: url(../images/body-background2.png) repeat;
padding: 0px;
margin: 0px;
}
#container{
width: 1000px;

margin: 0px auto;
padding: 0px;
background: #fff center repeat;
}
.clear {
clear:both;
}
#sekcja1{
background: #000;
width: 960px;
height: auto;
position: relative;
}
#obraz1{
background: #c2c2c2;
width: 100px;
height: 100px;
float:left;
}
#obraz2{
background: #d2d2d2;
width: 100px;
height: 100px;
position: relative;
float:left;
}
#obraz3{
background: #f1f1f1;
width: 100px;
height: 100px;
position: relative;
top: 100px;
}
#sekcja2{
background: #c7c7c7;
width: 960px;
height: auto;
}
#sekcja3{
background: #fff;
width: 960px;
height: auto;
position: relative;
top:100px;
}

by_ikar

13.07.2014, 13:37:53

Weź lepiej napisz co chcesz konkretnie uzyskać, bo zapewne można to uzyskać inaczej bez udziwnień które ty chcesz zastosować.

darksiders94

13.07.2014, 19:58:31

tzn już zrobiłem co chciałem z tym że nie wiem czy ta metoda jest dobra.
Otóż teraz jeśli chcę przesunąć element w dół to daje nad nim niewidzialnego diva

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.