CSS: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Jochen (Diskussion | Beiträge) |
Jochen (Diskussion | Beiträge) |
||
| Zeile 2: | Zeile 2: | ||
= Zentrieren eines Blocks = | |||
Das folgende CSS-Snippet zeigt eine Möglichkeit einen Block horizontal und vertikal zu zentrieren. | Das folgende CSS-Snippet zeigt eine Möglichkeit einen Block horizontal und vertikal zu zentrieren. | ||
| Zeile 18: | Zeile 18: | ||
= Sprungziel bei Inline Link und 'fixed' Header korrigieren = | |||
Das folgende CSS-Snippet zeigt eine Möglichkeit, das Sprungziel eines Inline Links zu korrigieren, wenn dieses hinter einem ''fixed'' Header verschwindet. | Das folgende CSS-Snippet zeigt eine Möglichkeit, das Sprungziel eines Inline Links zu korrigieren, wenn dieses hinter einem ''fixed'' Header verschwindet. | ||
Version vom 21. Dezember 2017, 08:44 Uhr
Zentrieren eines Blocks
Das folgende CSS-Snippet zeigt eine Möglichkeit einen Block horizontal und vertikal zu zentrieren.
.center {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
Sprungziel bei Inline Link und 'fixed' Header korrigieren
Das folgende CSS-Snippet zeigt eine Möglichkeit, das Sprungziel eines Inline Links zu korrigieren, wenn dieses hinter einem fixed Header verschwindet.
a[name] {
display: block;
content: " ";
margin-top: -75px;
height: 75px;
visibility: hidden;
}