Diskuze: Border posunuje ostatní DIVy
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Člen
Zobrazeno 10 zpráv z 10.
//= 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.
Ten margin z nav ul a:hover odstraň a tohle přidej
nav ul a {
/* ... */
border: 1px solid transparent;
}
I po přidání toho kódu co jsi psal to dělá to samé..
Na menším zobrazení to vidět není, pokud to dám na celou obrazovku ( http://kod.djpw.cz/wqxb- ) tak
to pořád dělá..
#EDIT:
Všechno funguje, toho postu nad tím si nevšímejte..Měl jsem nastavené
větší písmo u :hoveru..
Takže díky moc
ale jak vidím, není to žádná sláva
Prečo by to nebola sláva? Samozrejme, že to odskakuje, keď kompenzácia posunu má o pol pixela väčšiu hodnotu... Napíš tam margin: -1px. Staršie prehliadače nepodporujú prehľadné rámčeky; rámček sa môže napríklad zobraziť vo farbe písma a zbytočne spôsobovať defekty na vzhľade.
Ale ono někdo snad ještě optimalizuje weby pro IE6 ?
A i kdyby, tak může nastavit stejnou barvu, jakou bude mít na pozadí. Nicméně bych to neřešil a nechal tam transparent
Protože když jsem tam měl -1px pořád to odskakovalo,jinak bych tu nepsal.. A v kódu jsem měl margin -1.5px ( tuším ) protože to odskakovalo méně, než při marginu -1px.
Nepomohlo by jednoducho toto?
box-sizing: border-box;
V ktorom prehliadači ti v tejto ukážke (http://kod.djpw.cz/esxb) niečo odskakuje?
Nie. Ak je hodnota šírky resp. výšky auto, box-sizing vôbec neovplyvňuje vykreslenie rámčekov a vnútorných okrajov. Vždy sa vytvoria z vnútra prvku.
Zobrazeno 10 zpráv z 10.