Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 3 Pomógł: 0 Dołączył: 26.01.2014 Ostrzeżenie: (0%)
|
Witam, mam następujący problem: Przy tworzeniu strony internetowej nie potrafię ustalić ich pozycji tak, aby się nie rozjeżdżały. Początkowo używałam do tego position:absolute, jednak zmieniłam na position:relative i nadal nie wiem jak naprawić swój błąd. Przy minimalnym zwężeniu przeglądarki lub dodaniu innego elementu cała strona 'pływa'. Czy jest jakaś metoda, aby jej elementy miały stałe pozycje? (np. względem siebie)
|
|
|
|
![]() |
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 3 Pomógł: 0 Dołączył: 26.01.2014 Ostrzeżenie: (0%)
|
<style>
#grey{width:1035px; margin:auto; text-align: left; background-color:#cfcfcf; position:relative; top:0px; height:1500px;} #pasek{margin:auto; position:relative; top:-1600px; width:1035px;} #tlomenu{margin:auto; position:relative; top:-1492px; width:1035px;} #white{width:920px; height:300px; margin:auto; text-align: left; background-color:white; position:relative; top:-1200px;} #tlo{margin:auto; width: 1020px; position:relative; top:-1501px;} #logo{margin:auto; text-align:left; position:relative; top:-2350px; left:170px;} </style> <body> <div id="grey"></div> <div id="tlomenu"><img src="images/tlomenu.png"/></div> <div id="pasek"><img src="images/pasek.png"/></div> <div id="tlo"><img src="images/tlo.png"/></div> <div id="white"></div> <div id="logo"><a href="#"><img src="images/logo.png" /></a></div> </body> Wersja uproszczona powyżej, chodzi o to, aby każdy element nie miał przypisanego top:-xxxx px bo przy zmianie jednego drobiazgu cała strona się rozjeżdża, jak to rozwiązać? |
|
|
|
gariaable Pozycja elementów na stronie 26.01.2014, 21:38:53
vonski Ciężko wyczuć. Może pokaż jakiś kod, z czym konkre... 26.01.2014, 22:47:01
vonski Dalej ciężko powiedzieć, bo nie wiem jaki efekt ko... 27.01.2014, 00:02:18
gariaable Dzięki, o to chodziło, powciskałam do div-ów i jes... 27.01.2014, 01:11:52 ![]() ![]() |
|
Aktualny czas: 27.12.2025 - 15:25 |