Anfängerhilfe Positionierung

sesambrot · #1 (**permalink**) 14.05.2011, 13:14

Hallo zusammen!

Hoffe man darf hier auch mit einfachen Fragen nerven?

Ich fange gerade erst css an, nun wollte ich mich mal an eine horizontale Menüleiste wagen, was auch soweit klappt
Nun wollte ich direkt unter dieser Menüleiste einen div Container haben, der dann später Aktuelle News und so weiter anzeigen soll

Ich poste hier jetzt einfach erstmal den Quelltext rein
HTML:

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <title>New Document</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="style.css">
  </head>
  <body>


    
<ul id="tabmenue">
  <li><a id="aktuell" href="#">Home</a></li>
  <li><a href="#">News</a></li>
  <li><a href="#">Kontakt</a></li>
  <li><a href="#">Impressum</a></li>
</ul>
<div id="kopfzeile"> Hier kommen aktuelle News zu der Webseite rein</div>
    
    
  </body>
</html>

CSS:

Code:

body {
  text-align: center; /* Zentrierung IE */
}

#kopfzeile {
  background-color:lightskyblue;
  border-bottom:1px solid black;
  margin-top:1px;
}


#tabmenue {
  padding: 1px;
  border-bottom: 1px solid #999 ; 
}
#tabmenue li {
 display: inline; 
}
#tabmenue li a { 
  padding: 3px 1em;
  margin-left: 3px;
  border: 1px solid #777;
  border-bottom: 0;
  text-decoration: none; 
}
#tabmenue li a#aktuell {
  padding-bottom: 1px; 
  border-bottom: 2px solid #333;
}

Hier die Website

Ich möchte nun das der türkise div Container direkt dadrunter landet?
Ist dies überhaupt möglich, weil bei dem aktiven Menüpunkt ja noch ein Rahmen unten drunter ist?
Ich meine doch es gibt eine Möglichkeit zu sagen, welches Objekt vor bzw hinter einem anderen liegt, oder liege ich falsch?

Würde mich sehr über eine Hilfe freuen

Und falls ich was falsch hier mache, entschuldigung, bin neu im Forum

gato · #2 (**permalink**) 14.05.2011, 13:21

Als Anfänger ist dir auf jeden Fall zu Little Boxes Teil 1 zu raten, dort werden viele Konzepte aus HTML und CSS einsteigerfreundlich vermittelt.

Der Abstand zwischen der Liste und dem blauen Element ergibt sich durch das vertikale margin des ul-Elements. Entferne es und die Elemente kleben aneinander

sesambrot · #3 (**permalink**) 14.05.2011, 13:28

Zitat:

Zitat von gato

Als Anfänger ist dir auf jeden Fall zu Little Boxes Teil 1 zu raten, dort werden viele Konzepte aus HTML und CSS einsteigerfreundlich vermittelt.

Der Abstand zwischen der Liste und dem blauen Element ergibt sich durch das vertikale margin des ul-Elements. Entferne es und die Elemente kleben aneinander

Danke, das werde ich machen!
Aber an dem margin scheint es nicht zu liegen, hatte es mal als kommentar gemacht, bleibt aber dennoch nach wie vor gleich

Trotzdem danke dir, dann mach ich mich mal ans lesen

gato · #4 (**permalink**) 14.05.2011, 13:37

Ich spreche nicht von dem von dir festgelegten margin, sondern von den Standardangaben, die jedem Element innewohnen.

Immerhin ist ein Dokument immer einer Struktur unterworfen, die dem Besucher auch dann erkenntlich sein soll, wenn CSS keine Auswirkung zeigt.

Daher wird beim Webdesign grundsätzlich zuerst die Struktur des Inhalts festgelegt und erst anschließend die Gestaltung. Denn die ist mit CSS nachezu beliebig veränderbar.

sesambrot · #5 (**permalink**) 14.05.2011, 13:54

Zitat:

Zitat von gato

Ich spreche nicht von dem von dir festgelegten margin, sondern von den Standardangaben, die jedem Element innewohnen.

Immerhin ist ein Dokument immer einer Struktur unterworfen, die dem Besucher auch dann erkenntlich sein soll, wenn CSS keine Auswirkung zeigt.

Daher wird beim Webdesign grundsätzlich zuerst die Struktur des Inhalts festgelegt und erst anschließend die Gestaltung. Denn die ist mit CSS nachezu beliebig veränderbar.

Dadran habe ich jetzt gar nicht gedacht, wobei mir das eigentlich bewusst war, dass es Standardangaben gibt

Hab es geändert, nun funktioniert es, vielen Dank!

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Firefox 4 und Positionierung	ChOpSueY!	CSS	2	09.05.2011 22:04
ich habe totale Schwerigkeiten mit Absolute und Relative Positionierung?!?	damonster	CSS	12	27.08.2008 15:56
Positionierung z-index und IE	Blub	CSS	4	09.12.2007 15:51
komplexe Positionierung	new user	CSS	1	19.09.2007 11:51
Barrierefreiheit - Absolute Positionierung	dbub	Barrierefreiheit	19	13.06.2007 16:58