| Autor | Zpráva | ||
|---|---|---|---|
| BunnyBugs Profil * |
#1 · Zasláno: 21. 10. 2015, 01:03:21
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. |
||
|
Časová prodleva: 9 let
|
|||
0