CSS: width:100%; will nicht - #100670 (HTML, CSS und Javascript)

Struppi

2007-10-11 14:39

User since
2006-02-17
628 Artikel
BenutzerIn

Dein HTML Code ist unglaublich aufgebläht und zudem falsch. Du solltest versuchen HTML semantisch zu benutzen, also die Elemente für das verwenden was ihre Bedeutung entspricht. Darüber hinaus benutzt du lauter inline Styles was absolut nicht nötig ist. Die Fehldarstellungen kommen auf jeden Fall nur durch den wenig durchdachten Aufbau des HTML/CSS Codes zustande.

Die Liste der Gästebucheinträge könnte so aussehen:

Code: (dl )

<dl id="gb">
  <dt> Titel </dt>
  <dd> Text 
  <p> nummer des eintrags / ZUsatz, wie Kommentare </p>
  </dd>

  <dt> Titel </dt>
  <dd> Text 
  <p> nummer des eintrags / ZUsatz, wie Kommentare </p>
  </dd>
...
</dl>

Das CSS dazu:

Code: (dl )

1
2
3

#gb {....}
#gb dt {...}
#gb dd {...}

Damit kannst du das bisherige ohne Probleme umsetzen.