Ingo Turski: Layout mit CSS, iframe und Ausrichtung

Beitrag lesen

Hi,

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Das Beispiel war für den standardkompatiblen Modus erstellt, wozu ein kompletter DOCTYPE erforderlich ist.

<h1><font color="#999999" face="Comic Sans MS">christian's guitar stuff</font></h1>
  <div id="Inhalt">
   <p align="center"><img src="Fotos/Page/chris_title2.jpg" width="306" height="460"></p>
   <br>

ohje... warum verschandelst Du den Code nur so? :-(
Nutze doch bitte CSS zur Formatierung - die übrigen Angaben für h1 z.B. hast Du doch auch bereits im CSS angegeben.

<li><a href="about_me.html" target="_self">steckbrief</a></li>

Diese target-Angaben sind übrigens völlig überflüssig.

H1 {
BORDER-RIGHT: silver 2px ridge; PADDING-RIGHT: 0.3em; BORDER-TOP: silver 2px ridge; PADDING-LEFT: 0.3em; FONT-SIZE: 1.5em; PADDING-BOTTOM: 0.3em; MARGIN: 0.5em 0.5em 0.5em 5em; BORDER-LEFT: silver 2px ridge; PADDING-TOP: 0.3em; BORDER-BOTTOM: silver 2px ridge; BACKGROUND-COLOR: #660000; TEXT-ALIGN: center
}

also vereinfacht und übersichtlich:
h1 {
  margin:0.5em 0.5em 0.5em 5em;
  padding:0.3em;
  border:2px silver ridge;
  text-align:center;
  background:#660000;
}
Damit ist die Box 5em vom linken Rand entfernt und der Inhalt hierin zentriert.
Wo ist nun das Problem?

freundliche Grüße
Ingo