Problem mit IE

[ash]

hi, ich erstelle gerade meine erstes CSS-basiertes Layout und bin auf ein Problem mit IE gestoßen: http://www.tms-web.de/musiclab-online.de/html/

eine Idee, wie ich den Leeraum zwischen den beiden Elementen entfernen kann? In Thunderbird wird es korrekt angezeigt.

danke,
_ash

[Detlef G.]

Hallo ash

eine Idee, wie ich den Leeraum zwischen den beiden Elementen entfernen kann? In Thunderbird wird es korrekt angezeigt.

Du kannst images/main_top.jpg ein display:block geben.

Überlege dir aber bitte noch, was von deiner Seite in Browsern zu sehen ist,
die kein CSS unterstützen oder Grafiken nicht anzeigen.

<div id="page">  
  <div id="contents">some text bla bla bla</div>  
</div>  

Hier hätte ich eher Überschriften und Textabsätze oder Linsten erwartet, statt
eines Divs im Div.

Auf Wiederlesen
Detlef

[ash]

1. vielen Dank, funktioniert. - Was genau bedeutet das Attribut?

2. wie gesagt, ist das erste Mal, dass ich alles mit CSS mache. Wie würde ich den Inhaltsbereich mit Überschriften, Textabsätzen etc im Div positionieren?

mfg
_ash

[Detlef G.]

Hallo ash

1. vielen Dank, funktioniert. - Was genau bedeutet das Attribut?

display (Anzeigeart bzw. Nichtanzeige ohne Platzhalter)
IMG ist ein Inlineelement, es steht normalerweise im Textfluss auf der
Grundlinie.
Dabei berücksichtigt der IE auch die Unterlängen (z.B. bei p, q, g, j),
selbst dann, wenn kein Text vorhanden ist.
Mit display:block wird daraus ein Blockelement, welches sich nicht um diese
kümmert, weil es ja einen eigenen Block bildet und nicht im Textfluss steht.

2. wie gesagt, ist das erste Mal, dass ich alles mit CSS mache. Wie würde ich den Inhaltsbereich mit Überschriften, Textabsätzen etc im Div positionieren?

Du schreibst den Inhalt in logisch strukturiertem (X)HTML:
Überschriften (h1, h2 ...), Textabsätze (p), Listen (ul) usw., ohne dabei an
das spätere Aussehen zu denken.
Dann legst du mittels CSS die Schriftarten und -größen, die Farben, Rahmen
und Abstände fest.
Das, was du dazu benötigst, dürftest du bei den CSS-Eigenschaften finden.
Wirklich Positionieren musst du eher selten.

Interessant dürfte für dich auch besonders CSS-basierte Layouts sein.

Auf Wiederlesen
Detlef

[Hopsel]

Hi ash!

Ich finde das Design ja sehr ansprechend. Aber bitte bitte (bitte) validiere deine Seiten doch von Anfang an.

Beachte außerdem, dass es Menschen/Browser/Endbenutzer gibt, die keine Bilder anzeigen lassen oder kein CSS nutzen. Benutze also eine logische Struktur und zeichne Elemente so aus, wie sie gedacht sind, z.B. eine Link_liste_, eine _Liste_ von Gästebucheintragen oder auch Text_absätze_ gegliedert durch _Überschriften unterschiedlicher Hierarchieebenen_.

MfG H☼psel