Pozycja elementów na stronie Opcje

[gariaable]

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)

[vonski]

Dalej ciężko powiedzieć, bo nie wiem jaki efekt końcowy chcesz uzyskać. Mogę jedynie zgadywać, że chcesz żeby te elementy #tlomenu, #pasek, #tlo, #white i #logo pokazywały się na szarym tle (element #grey), bez nadawania im wartości top (co jest zrozumiałe, bo te wartości w top to jakiś surrealizm (IMG:style_emoticons/default/wink.gif) ). Może zacznij od wrzucienia ich do tego diva? Czyli:

[HTML] pobierz, plaintext 
        <div id="grey">
            <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>
        </div>
[HTML] pobierz, plaintext 

I teraz możesz usunąć top ze wszystkich deklaracji. Zapewne dalej to będzie lekko rozsypane, ale już powinno być łatwiej to ogarnąć.

Ten post edytował vonski 27.01.2014, 00:03:02