Autor Zpráva
Pavel Kra.
Profil *
Narazil jsem na zajímavý problém s kterým si nevím rady.
Mám relativně napozicované menu, které je pořád stejné velké a pod tím divem je ještě jeden 100% široký div ve kterém je obrázek na pozadí.

Pokud měním velikost okna, mění se i souměrně ten div s tím obrázkem na pozadí, ale menu je stejně velké. A odstavec s textem, který je pod tím divem co má obrázek na pozadí se při zmenšení okna posouvá směrem k menu a pak se překryjí. Já chci aby ten odstavec textu obtékal kolem toho menu.




#menu{
    background-color: rgb(135,135,135);
    width: 160px;
    height:257px;
    position: relative;
    top: 165px;
    margin-left: 30px;
    float: left;
    z-index:1;
    
        }
juriad
Profil
Nepoužívej relativní pozicování. To slouží jen pro drobné posuny (třeba horní/dolní indexy), nikoli celé bloky webu.
Pak se dostaneš do takových problémů.

Dodej živou ukázku, bez ní nelze říct, jak moc budeš muset web překopat.
Pavel Kra.
Profil *
juriad:
Když to napozicuji absolutně tak to přece nikdy obtékat nebude. Nebo to lze?
juriad
Profil
Nepozicuj vůbec. Nech ty divy obtékat (float).
Pavel Kra.
Profil *
juriad:
To bohužel vzhledem k zadání možné není :-)

Existuje nějaké obtékání absolutně napozicovaného divu? To by vše vyřešilo.
TomasJ
Profil
Pavel Kra.:
juriad tím „Nepozicuj vůbec. Nech ty divy obtékat (float).“ myslel, abys vynechal vlastnost position. Já pozicování na relative používám jen v případě, že se v elementu nachází vnořený prvek absolutní.
U tebe jde pravděpodobně o velmi špatné stylování.
juriad
Profil
Pavel Kra.:
Zkus popsat celé své zadání. Nemyslím si však, že pozicování bude řešením.
Je nutné jej úplně dokonale dodržet?

TomasJ:
Ano, tak jsem to myslel. Position relative v dnešní době má smysl jen pro zafixování souřadného systému pro absolutně pozicované potomky.
Pavel Kra.
Profil *
juriad:
Prostě gró celého problému je to aby při zmenšení okna ten text (který je mimochodem taky v divu) obtékal okolo toho menu (což je div).

Text je v odstavci v divu a při překrytí s tím menu text obtékal menu.

Nemáte nějaký nápad? Já vůbec ani nevím, že něco takové lze.
juriad
Profil
A proč ten pravý div nemůže být vždy přes celou šířku stránky?
Případně proč nemůže být ten pravý div plovoucí? s nastavenou maximální šířkou?
Trejpa
Profil
Pavel Kra.:
Na obtékání je přece plavání. Bez konkrétní ukázky s problémem konkrétní řešení nedostaneš.
Pavel Kra.
Profil *
juriad:
plovoucí jsou oba ty divy a oba mají nastavenou pevnou šířku.
juriad
Profil
Pavel Kra.:
Dokud neukážeš kód, nebo mnohem lépe stránku, kde ti to nefunguje, nemáme se moc o čem bavit.
Davex
Profil
Pavel Kra.:
Nemáte nějaký nápad?
Na tohle stačí margin-bottom.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: