Autor Zpráva
BunnyBugs
Profil *
Zdravím,
potřeboval bych poradit ohledně chyby v responzivním webu. Mám takto nastylováno (vypisuji jen důležité):

#content {
    margin: 0 auto;
    max-width: 960px;
}

nav {
    width: 200px;
    float: left;
    margin: 0 auto;
} 

section {
    width: 746px;
    float: left;
    margin: 0 auto;
}

@media (max-width: 960px){
    section {
        width: 100%;
    }
}

Když testuji rozlišení, kde šířka je menší než 960px, tak mi sekce section vždy přeskočí pod sekci nav. A já bych potřeboval, aby mi sekce section zůstala vedle sekce nav, jen se zmenšila její šířka.
Kde prosím dělám chybu?
Keeehi
Profil
BunnyBugs:
Kde prosím dělám chybu?
100% neznamená 100% zbylého místa ale 100% rodiče. no a protože je to tedy moc velké, tak se to posouvá na další řádek.

Řešením je použít auto a odebrat float.


víš že 746 + 200 není 960? Pokud chceš mít jeden sloupec o fixní šířce a druhý na vyplnění zbytku, tak to jde i bez media queries.

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: