Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Rozciąganie diva przy position relative
darksiders94
post
Post #1





Grupa: Zarejestrowani
Postów: 70
Pomógł: 0
Dołączył: 23.06.2014

Ostrzeżenie: (0%)
-----

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?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 4)
by_ikar
post
Post #2





Grupa: Zarejestrowani
Postów: 1 798
Pomógł: 307
Dołączył: 13.05.2009
Skąd: Gubin/Wrocław

Ostrzeżenie: (0%)
-----

Rodzic również musi mieć position relative.
Go to the top of the page
+Quote Post
darksiders94
post
Post #3





Grupa: Zarejestrowani
Postów: 70
Pomógł: 0
Dołączył: 23.06.2014

Ostrzeżenie: (0%)
-----

Nie bardzo chyba..

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC>
  2. <html>
  3. 	<head>
  4. 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. 		<script type="text/javascript" src="skrypty.js"></script>
  6. 		<link rel="stylesheet" href="css/reset.css" />
  7. 		<link rel="stylesheet" href="css/style.css" />
  8. 	</head>
  9. 	<body>
  10. 		<div id="container">
  11. 			<section id="sekcja1">
  12. 				<div id="obraz1">
  13. 				</div>
  14. 				<div id="obraz2">
  15. 				</div>
  16. 				<div class="clear"></div>
  17. 				<div id="obraz3">
  18. 				</div>
  19. 			</section>
  20. 			<section id="sekcja2">
  21. 			</section>
  22. 			<section id="sekcja3">
  23. 			</section>
  24. 		</div>
  25. 	</body>
  26. </html>
  27.  
  28.  
[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;
}

Ten post edytował darksiders94 13.07.2014, 11:48:57
Go to the top of the page
+Quote Post
by_ikar
post
Post #4





Grupa: Zarejestrowani
Postów: 1 798
Pomógł: 307
Dołączył: 13.05.2009
Skąd: Gubin/Wrocław

Ostrzeżenie: (0%)
-----

Weź lepiej napisz co chcesz konkretnie uzyskać, bo zapewne można to uzyskać inaczej bez udziwnień które ty chcesz zastosować.
Go to the top of the page
+Quote Post
darksiders94
post
Post #5





Grupa: Zarejestrowani
Postów: 70
Pomógł: 0
Dołączył: 23.06.2014

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.08.2025 - 02:41
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn