Rookie: Layout mit CSS, iframe und Ausrichtung

Beitrag lesen

Hi, danke für deine Antwort. Hier der Quelltext:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style1.css">
<!--[if lt IE 7]><style type="text/css">
  @media screen {
    html, body {
      height: 100%; overflow-y: hidden;
    }
    #Scrollbereich {
      height: 100%; width: 100%; overflow: auto;
    }
    #Inhalt {
      position: static;
    }
  }
</style><![endif]-->
</head>

<body>
  <div id="Scrollbereich">
<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></div>
  </div>

<div id="fixiert">
  <ul id="Navigation">
    <li><a href="about_me.html" target="_self">steckbrief</a></li>
    <li><a href="band.htm">band / projekte</a></li>
    <li><a href="gigs.htm" target="_self">live termine</a></li>
    <li><a href="cds.htm" target="_self">tontr&auml;ger</a></li>
    <li><a href="Fotos/Gallery/Fotos_Chris1.htm">bilder</a></li>
    <li><a href="fav_links.htm" target="_self">links</a></li>
    <li><a href="contact.htm" target="_self">kontakt</a></li>
    <li><a href="guestbook.htm" target="_self">gästebuch</a></li>
    <li><a href="index.html" target="_self">home</a></li>
  </ul>
</div>
</body>
</html>

Das Gästebuch habe ich dann einfach im Layer "Inhalt" mit einem iframe eingebunden, aber, die Grössenanpassung werde ich wohl über Javascript lösen müssen. Zu H1 hier noch die Entsprechende Definition aus der CSS-Datei:
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
}

Grüße
Christian

Hi,

Als Überschrift/Logo für die HP hab ich einfach ein <h1> Tag genommen. Das hat aber zur Folge, dass sich die Überschrift ein wenig nach links verschiebt, wenn eine Seite der HP einen Scrollbalken hat.
Die h1 hat damit absolut nichts zu tun. Zeige doch mal, wie Du die Seite aufgebaut hast.

Das Gästebuch habe ich mit einem iframe integriert. Gibt es eine Möglichkeit, dass sich das iframe automatisch an die grösse der Seite des Gästebuchs anpasst, ohne dafür JavaScript zu verwenden?
Nein.

freundliche Grüße
Ingo