Beat: CSS-Layout

Beitrag lesen

Deine Seite sollte mit einer DOCTYPE Angabe beginnen.

<html>

<head>

Deine Seite sollte als erstes im Head eine charset Angabe als meta Element enthalten.

<title>Startseite</title>
<link rel="stylesheet" media="screen" type="text/css" href="darstellung.css">

Schön dass du ein Stylesheet einbindest.
Plane auch für ein media=print Stilesheet.

</head>
<body bgcolor="#C0C0C0" >

CSS ist für diese Angabe zuständig

<center>

CSS ist dafür zuständig

<div lang="de" id="seite" >

Wenn deine Spache für das ganze Dokument gelten soll, dann bringe diesde Angabe im HTML Element unter.
An dieser Stelle sugerierst du eher, dass deutsch eine sekundäre Sprach insel in deinem Dokument ist.

<a style="text-decoration:none;" href="/index.html"><img border="0" src="grafiken/logo.gif" id="logo" width="150" height="125" align="left"   ></a>

nutze deine CSS Datei statt inline Styles.
Nutze CSS statt align
img Elemente brauchen zwingend ein alt Attribut.

<div id="schrift" ><h1 style="position: relative; top: 0.6em;">Lore ipsum dolor sit amet</h1> </div>

Warum dieses überflüssige div Element?
Willst du den Titel ausblenden?

<div id="navi"><p>Navigation</p></div>

Ich vermute, du möchtest hier eine Liste von Links verwenden. Dann nutz auch eine Liste.

</div>
</center>
</body>
</html>


> darstellung.css  

...  

> Doch jetzt sieht meine Seite so aus, dass unter dem Logo ein weißer Balken ist, und erst dann meine graue Navigation beginnt.  
  
Das kann an dem nicht formatierten <h1> Element liegen.  
Wie gesagt: Zuerst die DOCTYPE definieren. Danach gibt es Rat.  
Und bitte auch validieren.  
  
mfg Beat

-- 

><o(((°>           ><o(((°>  

   <°)))o><                     ><o(((°>o  
Der Valigator leibt diese Fische