CSS: Unterschied zwischen den Versionen

Aus Wiki - Jochen Hammann
Zur Navigation springen Zur Suche springen
 
(2 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 2: Zeile 2:




== Zentrieren eines Blocks ==
= Zentrieren in CSS =


Das folgende CSS-Snippet zeigt eine Möglichkeit einen Block horizontal und vertikal zu zentrieren.
[https://css-tricks.com/centering-css-complete-guide/ Centering in CSS: A Complete Guide].


<syntaxhighlight lang="css">
.center {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
</syntaxhighlight>


 
= Sprungziel bei Inline Link und 'fixed' Header korrigieren =
== 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.

Aktuelle Version vom 19. März 2018, 14:19 Uhr


Zentrieren in CSS

Centering in CSS: A Complete Guide.


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;
}