CSS Tipps nicht nur für Redaxo
Dieser Bereich ist leider noch nicht fertiggestellt. Aber viele weitere Tipps und Lösungen in Sachen CSS werden hier noch folgen. Wenn Sie auf der Suche nach einer speziellen Lösung sind, sprechen Sie mit uns.
CSS HTML Tutorials für Anfänger – Kontakt
Es gibt mehrere Möglichkeiten Stylesheets zu nutzen
generell empfiehlt es sich aber Stylesheets per link in das Template einzubinden.
<head>
<link href="files/reset.css" rel="stylesheet" type="text/css" media="all">
<link href="files/960.css" rel="stylesheet" type="text/css" media="screen">
<link href="files/main.css" rel="stylesheet" type="text/css" media="screen">
</head>files/main.css Sollte natürlich an die eigene Struktur angepasst werden.
files ist hier der Ordner in dem die Stylesheet Datei liegt mit dem Namen main.css
Eine weiter Möglichkeit ist:
Die Anweisungen gleich in die Html Datei zu schreiben, sollte aber von abgesehen werden, da mobile Geräte dieses mit einlesen müßen aber nicht immer Verwenden können also unnötige Ladezeiten entstehen.
<head>
<style type="text/css">
<!-- Hier die Anweisung... -->
</style>
</head>Dann kümmere ich mich um die Grundeinstellungen des body. Also die generellen Styles. Schriftgröße, Schriftart usw. das text-align:center; setzt erst mal alle Inhalte auf center auch im IE5 (sollte die Webseite später zentriert sein).
body {
font: 0.8em Verdana, Arial, Helvetica, sans-serif;
color: #000000;
background: #fff url(files/bg_body.png) repeat-x left top;
text-align: center;
}Damit die Webseite nicht hin und her springt (z.B.: im Firefox) “Scrollbalken da oder nicht”. Erzwingen wir doch einfach mal den Scrollbalken damit hat sich dieses unschöne Thema auch erledigt.
html {
height:100%;
min-height:101%;
margin-bottom:1px;
}Da ich leider nicht meine gesammte Zeit mit diesem Projekt verbringen kann, geht es hier erst in Kürze weiter.
Ich bitte um Verständniss.
Lieben Gruß Richard Laing