Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Pozycja elementów na stronie
gariaable
post
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)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
gariaable
post
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ć?
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 27.12.2025 - 15:25