Skocz do zawartości

position absolute


Easy_Rider

Rekomendowane odpowiedzi

U mnie to wyglada tak:

Jest sobie menu, obok kontent ktory w kodzie jest u gory, stad position:absolute dla menu. Potrzebuje rozciagac na wysokosc menu. Niestety nie moge do tego dojsc jak to zrobic, w tabelkach jakos wychodzilo :/

oto przyblizony kod:

<div class="objemka">
 <div class="content">
                           tresc...
        </div>
 <div id="menu">
                           tresc...
         </div>
</div>

css:

       div.objemka {
position:relative;
height:100%;
}
.content {
width:auto;
       margin:10px 175px 20px 175px;
       }
#menu {
position:absolute;
}

Jak osiagnac skalowalnosc objemki na podstawie wysokosci menu w srodku?

Odnośnik do komentarza
Udostępnij na innych stronach

Pod dwoma kolumnami musisz dac element ze stylem clear: both.

106447[/snapback]

brzmi rozsadnie :P , cos kod nie chce wspolpracowac, ale mysle ze to kwestia wyczyszczenia troche,

pozdr

Edyted pozniej troche:

hmm, kombinuje i tak sie zastanawiam .. czy stopka 'relative' na pewno bedzie reagowac na elementy 'absolute'?

Odnośnik do komentarza
Udostępnij na innych stronach

Z moich doświadczeń wynika, że lepiej nie używać position w ogóle. Przy pomocy odpowiedniego zagnieżdżenia i floata można uzyskać zamierzony efekt, a position jest różnie interpretowane przez przeglądarki i przez to mają miejsce różne cyrki.

Dała matka rozum? To kombinuj.

Odnośnik do komentarza
Udostępnij na innych stronach

  • 2 tygodnie później...
Gość w3master

hmm, kombinuje i tak sie zastanawiam .. czy stopka 'relative' na pewno bedzie reagowac na elementy 'absolute'?

zalezy od kodu, rozpatrzmy dwa przypadki:

<div absolute><stopka relative /></div> - bedzie reagowac

<div absolute /><stopka relative /> - div zostal wyjety z normal-flow [ ktos wie, jak to przetlumaczyc? ], wiec nie ma wplywu na pozostalem elementy na stronie, na te elementy, ktore nie sa w nim zawarte.

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności