Re: [OT] CSS, - Ich kriegs nicht gebacken...
Hallo Michael,
Michelle Konzack schrieb:
Hallo CSS-Experten,
Eine Webseite ohne Tabellen ist definitiv Horror, speziell mit CSS...
Na, ja, die Mühe lohnt aber! Ich stehe drauf!
Also ich habe einen SEHR LANGEN Text und ein paar Bilder in einer
"index.html" sowie eine "styles.css".
Wegen des Hintergundbildes habe ich meine Konterfei mit CSS so plaziert:
Wenn das mal nicht die Besucher abschreckt, ;-)
[...]
was auch anständig funktioniert. Nun wollte ich daneben meinen
"Welcome" banner:
Willkommen auf
Michelles Foo Bar Seite
Webpage copyrighted by Michelle Konzack 2007/08
in einen Block plazieren nur das geht irgendwie nicht.
Frage 1: Wie kann ich diesen Welcome-Banner als Block definieren damit
er immer (in sich selber) zentriert ist, egal wie ein
Webseitenbesucher den Font vergrößert oder verkleinert?
Den Block kannst Du absolute begrenzen und dann mit overflow
scrollbalken bei Bedarf anzeigen lassen.
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow
[...]
text text text text text text text text text text text text text text
text text text text text text text text text text text text text text
text text text text text text text text text text text text text text
text text text text text text text +-----------------+ text text text
text text text text text text text | | text text text
text text text text text text text | | text text text
[...]
Wobei der Textfluß von links nach rechts geht und wenn er auf ein
Bild stößt, erst auf der LINKEN Seite von oben nach unten geht
und dann (an der unteren Kannte des Bildes angekommen) auf der RECHTEN
Seite weitermacht bis an der unteren Kannte des Bildes angekommen, um
dann ganz normal wieder in der nächsten Zeile UNTERHALB des Bildes
wieder bei Links anzufangen.
[...]
Frage 2: Wie kann ich die Bilder positionieren und vom Text umherfließen
lassen, das es auch bei ändern der Font-Größe noch funktioniert?
Versuche es mit float:
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float
Aber Grundsätzlich sehe ich kein saubere Lösung. Das Design verschiebt
sich immer mit der Schriftgröße.
Tip: verwende EM als Maßeinheit, dann verwendet der Browser die Werte
des Nutzers. Das ist dann Barrierefrei.
Wenn der Nutzer sehr schlecht sehen kann, wird er das Design eh
abschalten. Du solltest also eher darauf achten, das Deine Seite ohne
CSS gut lesbar ist (vernünftige ALT-Tags etc.).
Tschö
Ich hoffe, Du entwickelst Deine Seite auf einer Debian-Maschine. Sonst
wäre es ziemliches OT! ;-)
Reply to: