• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Brauche dringend hilfe... <--- Anfänger

B

Blodyman

Neues Mitglied
Hi erstmal... Ich bin noch ein ziemlicher Anfänger und spiel grad ein bissl rum.
Ich hab aber nen kleines Problem auf das ich keine lösung finde..

Ich versuch ständig eine Kopfzeile, darunter eine Steuerung, rechts daneben den Inhalt und als letztes ganz unten Fußzeile als CSS zu definieren. Aber er setzt mir immer wieder meine einzelnen Elemente irgendwohin..
Ich hab schon so vieles ausprobiert. Breite und höhe in px und bla, aber nix klappt. Könnt Ihr mir vielleicht helfen?

Quelltext bitte angucken..:D:D Und bitte nich mäckern, wenn ihr was vollkommen beklopptes findet. ^^ Bitte schonent beibringen.

--->Link

Danke im vorraus!
Gruß Blodyman.

 
Hallo.

Also da wartet noch viel Arbeit auf dich.

Als erstes entferne die absolute positionierung, die brauchst du für dein Layout nicht.
Verwende nur dann absolute positionierungen wenn du genau weisst was du tust.

Als zweites entferne die unnötigen float und clear Angaben. Du benötigst nur ein float und das ist das in der Navigation.
Du scheinst Probleme mit dem Verständnis zu haben wie float funktioniert, vielleicht noch mal ein Tutorial durcharbeiten.

Wenn du jetzt noch Probleme mit der Darstellung hast und das hast du wahrscheinlich liegt das an deinen margin Angaben.
Hier so lange herum experimentieren bis alles wie gewünscht sitzt.

Du hast ausserdem auch noch einen Schreibfehler bei einer height Angabe.
Ein guter Editor zeigt dir so etwas sofort an.

Gruss
Elroy
 
Zuletzt bearbeitet:
Du willst eine Kopfzeile, eine Sidebar, in die die Navigation reinkommt, einen Bereich für den Content, der rechts neben der Sidebar sein sollen, und unter den Elementen einen Footer, der das Layout so zu sagen beendet?

Hier hab ich dir schnell was geschrieben:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ohne_Titel_1</title>
<style type="text/css">
#container {
    margin: 0px auto;
    width: 500px;
    background: #e4e4e4;
}

#kopfzeile {
    width: 500px;
    height: 40px;
    background: red;
}

#sidebar {
    float: left;
    width: 20%;
    background: green;
}

#content {
    float: right;
    width: 80%;
}

#footer {
    clear: both;
    height: 40px;
    background: blue;
}

</style>
</head>

<body>

  <div id="container">

     <div id="kopfzeile">Deine Homepage - Logo - &Uuml;beschrift - Beschreibung der Homepage</div>
     
     <div id="sidebar">
         <ul>
             <li><a href="" title="">Seite 1</a></li>
             <li><a href="" title="">Seite 2</a></li>
             <li><a href="" title="">Seite 3</a></li>
         </ul>
     </div>
     
     <div id="content"><p>Hier kannst du deinen Inhalt rein klopfen</p></div>
     
     <div id="footer">Hier der Footer</div>
     
  </div>
  
</body>

</html>

<br> in XHTML muss mit einem Leerzeichen und darauf folgenden Slash nach dem r von br geschrieben werden, sprich: <br />

Grüße
 
Danke für die Antworte. Ich setz mich gleich nochmal ran und probier das aus. Nur was ich mich frage.. Bei den absoluten Positionen, wenn ich die nicht angeben, dann geht das alles direkt über das Bild hinaus und dann muss man ständig nach rechts scrallen... Und das möcht ich ja auch nicht. Wisst ihr wie ich das dann hinbekomme, dass nichts über das rechte Bild hinnaus geht, sondern nur nach unten?
 
Hallo.

Auf deinem Testlink befindet sich kein Bild.
Auch sonnst kann ich noch keine Veränderungen entdecken.
Der Code ist immer noch so fehlerhaft wie vor meinem Posting.

Wenn du meinen Anweisungen folgst musst du auch nicht scrollen.
Positioniere mit margin und padding das genügt. Absolutes Positionieren ist absolut unnötig.

Gruss
Elroy
 
Hi, hab alles soweit hinbekommen...
Ich danke euch nochmal für die Unterstützung.
Nen großen Dank gilt T!P-TOP für seinen Code, aus dem ich dann noch was aufbauen konnte..:)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben