Der Martin: CSS-Layout

Beitrag lesen

Hallo,

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

[...]
<img src="grafiken/logo.gif" width="180px" height="135" align="left" alt="Unser Logo" id="logo" >

  
abgesehen von der Meldung des Validators: "180px" ist kein gültiger Wert für das width-Attribut in HTML. Merke: Der Wert des width-Attributs wird entweder in Pixel angegeben (dann ohne Einheit!), oder in Prozent. In CSS ist dagegen die Angabe einer Einheit (auch px) notwendig.  
  

> 1.   In Firefox wird mein Logo gar nicht angezeigt (Firefox 3.5.6) (IM Internet Explorer dagegen schon  
  
Möglicherweise stört sich der Firefox am fehlerhaften width-Attribut und interpretiert es als width="0".  
  

> 2.   Ich bekomme beim Validieren folgende Meldung:  
> > Error Line 27, Column 63: Attribute "ALIGN" is not a valid attribute. Did you mean "align"?  
  
Diese Fehlermeldung ist sehr, sehr irreführend; ich halte sie für einen Bug des Validators. Der eigentliche Fehler ist: Der angegebene Strict-DOCTYPE kennt kein Attribut 'align'.  
  

> Noch ein Problem tritt auf:  
> height: 95%; in darstellung.css funktioniert mit doctype nicht mehr?  
  
Doch, und zwar im Gegensatz zum Quirks Mode (ohne DOCTYPE) sogar korrekt: Eine Höhenangabe in Prozent bezieht sich immer auf die Höhe des Elternelements. Ich sehe in deinem CSS aber keine Höhenangabe für die beiden Vorfahrenelemente von div#seite. Also richtet sich deren Höhe nach ihrem Inhalt.  
  

> Mit was ist es zu ersetzten???  
  
Nicht ersetzen. Ergänze die Höhenangabe für das Elternelement von div#seite und für dessen Elternelement.  
  
So long,  
 Martin  

-- 
Ich liebe Politiker auf Wahlplakaten.  
Sie sind tragbar, geräuschlos, und leicht wieder zu entfernen.  
  (Loriot, deutscher Satiriker)