CSS: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Jochen (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „__TOC__ == Zentrieren eines Blocks == Das folgende CSS-Snippet zeigt eine Möglichkeit einen Block horizontal und vertikal zu zentrieren. <syntaxhighlight…“) |
Jochen (Diskussion | Beiträge) |
||
| Zeile 14: | Zeile 14: | ||
right: 0; | right: 0; | ||
margin: auto; | margin: auto; | ||
} | |||
</syntaxhighlight> | |||
== 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. | |||
<syntaxhighlight lang="css"> | |||
a[name] { | |||
display: block; | |||
content: " "; | |||
margin-top: -75px; | |||
height: 75px; | |||
visibility: hidden; | |||
} | } | ||
</syntaxhighlight> | </syntaxhighlight> | ||
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;
}