CSS: Unterschied zwischen den Versionen

Aus Wiki - Jochen Hammann
Zur Navigation springen Zur Suche springen
(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…“)
 
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;
}