Autor Zpráva
Pavlínka
Profil
Dobrý den,
řeším malinký problém :) mám web
a jeden div kde mám umístěnou reklamu...
chtěla bych aby div se "schoval" pokud uživatel okno zmenší nebo načte web například z mobilu...
šířku divu řeším momentálně takto:
width: calc(100% - 300px);
pokud by ale šířka divu skočila pod 500px tak bych ráda div rostáhla standartně na 100%
existuje řešení v css? jak na to?

momentálně to řeším takto: min-width: 500px; ale toto řešení se mi moc nelíbí :/
Děkuji Pavla
ondra15
Profil
Jestli dobře chápu problém, tak bych to řešil v CSS přes
@media (max-width: 800px) {
  div {
    width: 100%
  }
}
Keeehi
Profil
@media (max-width: 500px) {
    .reklama {
        display: none;
    }
}
Tohle schová prvek s třídou reklama, pokud je okno široké 500px a méně.
Pavlínka
Profil
Super moc děkuji :-)
Tomáš123
Profil
Pavlínka:
šířku divu řeším momentálně takto: width: calc(100% - 300px);
CSS vlastnosť calc() nemá práve najlepšiu podporu.

Lepším riešením by bolo použiť margin pre neobtekaný prvok. Pri menších rozlíšeniach by si reklamu schovala a margin zrušila. Ukážka.
Chamurappi
Profil
Reaguji na Pavlínku:
a jeden div kde mám umístěnou reklamu...
To je reklama, kterou sis sama s někým domluvila? Pokud ne a používáš nějaký obecný inzertní systém, tak upozorňuji, že tímhle můžeš hrubě porušovat jeho podmínky, protože načítáš reklamu (za což ti platí), kterou nezobrazuješ (za což by ti nikdo platit nechtěl).

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:

0