Diskuze: Element sa nezmensi pri zmenseni okna prehliadaca
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Zobrazeno 3 zpráv z 3.
//= Settings::TRACKING_CODE_B ?> //= Settings::TRACKING_CODE ?>
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
https://jsfiddle.net/6q8u7jt3/
Aside ma definovanou width-height v PX, ostatni pouzivaji %. Na tom fiddle je
zmensene okno prohlizece v tom nahledu. Nevim, jak by se to melo zmensovat, neni
tam definovane zadne media, ktere se obvykle pouziva na opravu sirky, viz
bootstrap css, treba?
https://validator.w3.org/nu/#…
html validator hlasi nekolik problemu, ale ty s tim asi nesouvisi.
https://jigsaw.w3.org/…or/validator
css validator tam ma 2 varovani na hacky, asi. Coz asi take neni problem.
Zajimave je, ze, kdyz jsem pridal k aside border, tak je uplne ignorovany na to fiddle.net. Coz vypada na nejaky problem v css. Doporucuji si udelat kopii souboru a zacit uplne prazdnym, do ktereho pridavas, dokud se neobjevi ten problem.
aside {
width: 320px;
height: 900px;
border: 1px solid #f00 !important;
}
Zajimave jsou ty chyby, co pise fiddle. Kdyz se podivas vpravo na css, a najedes mysi na zlute puntiky pred radky kodu, tak tam pise problem s aside #wrapper aside. Asi to mas ve spatnem poradi a on to ignoruje. Ze to musis napsat pred tu sestavu #wrapper aside. To by vysvetlovalo i ten muj pokus s rameckem.
V okamziku, kdyz jsem prepsal
/*aside {*/
#wrapper aside {
width: 320px;
height: 900px;
border: 1px solid #f00 !important;
}
Tak se tam objevili ty zpravicky s cervenym rameckem. Takze mas css spatne
Id ma prednost pred class a
proste mas spatne priority class a id.
Ale je zvlastni, ze to Firefox ignoruje. Spravne by mel doplnit vlastnosti,
ktere neprebiji ten zapis z #wrapper.
Zobrazeno 3 zpráv z 3.