Antworten auf deine Fragen:
Neues Thema erstellen

Menüleiste unendlich hoch machen

Maximum147

Noch nicht viel geschrieben

Hallo,
ich bin ziemlich neu auf dem Gebiet CSS und Php benutze ich derzeit auch das erste mal um Sachen zu includen.

Naja und jetzt hab ich derzeit das Problem das mein content(Inhalt) die Menüleiste umfließt, also der Text rechts des Menüs verläuft wie es sein soll, aber nachdem das Menü zuende ist schiebt der Text sich unter das Menü...
Ich hab schon verschiedene Dinge ausprobiert:
Menü float:left und conten float:right
menü height:100%
alles ohne Erfolg bis jetzt....

Hiermal ein Bild:


Die index.php:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Wikinger</title>
<link rel="stylesheet" type="text/css" href="style.css"> 
</head>

<body>
<div id="wrapper">
<div id="header">
<?php include("includes/header.php");?>
</div>
<div id="navi">
<?php include("includes/navigation.php");?>
</div>
<div id="content">
<h2>Das Verschwinden der Wikinger</h2>
<p>
Der Beginn der Wikingerära wird dem Jahr 793 n.Chr. zugeschrieben, 

GANZ VIEL TEXT.....

</div>
<div id="footer">
<?php include("includes/footer.php");?>
</div>
</div>
</body>
</html>
Und hier das stylesheet:

HTML:
body
{
background: #cccccc url(images/background.gif) repeat-x top left;
background-color:#cccccc;
width:99%;
height:100%;
margin:3;
padding:0;
font-family:Verdana,Tahoma,Arial,sans-serif;
}

#header
{
background-color:#7F7F7F;
border: 2px solid #000000;
text-align:center;
}

#wrapper
{
width: 1024px;
border: 1px solid #ffffff;
margin: 20px auto;

}

#content
{
background-color:#7F7F7F;
text-align:left;
margin:0px;
padding:10px;
padding-bottom:100px;
border-left:2px solid #000000;
border-right:2px solid #000000;

}

#footer
{
background-color:#7F7F7F;
clear:both;
text-align:center;
border-top:double;
border-left:2px solid #000000;
border-right:2px solid #000000;
border-bottom:2px solid #000000;
padding-bottom:1px;
}


#navi {
float:left;
width: 160px;
margin: 1px 0px 0px 2px;
padding: 0px 0 0 0;
background-color:#7F7F7F;



}

#navi ul {
list-style: none;
width: 160px;
margin: 0 0 0 0;
padding: 0;
}

#navi li {
margin-bottom:1px;
}

#navi li a {
display:block;
font-family:Verdana,Tahoma,Arial,sans-serif;
font-size: 10px;
font-weight:normal;
text-align:left;
text-decoration:none;
color:#AFAFAF;
background-color:#2F2F2F;
height:20px;
line-height:170%;
padding:0px 0px 0px 8px;
}

#navi li a:hover {
    background-color:#a6a5a5;
    color:#FFFFFF;
}
Würde mich über Hilfe freuen!

So nun noch eine letzte generelle Frage zum php includen:
Ist es richtig das man nur den header, navi und footer included und die indext Datei dann beliebig oft kopiert für den Inhalt? Oder sollte man den conten auch noch irgendwie includen?
Wie ihr seht ich bin Neuling auf dem Gebiet ;)
 

rest5

webbastler

AW: Menüleiste unendlich hoch machen

menü: float:left;
content: Kein float, volle breite des wrappers aber dafür einen
padding-left: in Breite der Menüleiste (oder etwas mehr).


Ups, da war wer schneller.
Padding statt margin erlaubt dem content ein Hintergrundbild zu geben, das links die navi-Spalte optisch aufrechterhält.
 
Zuletzt bearbeitet:

Maximum147

Noch nicht viel geschrieben

AW: Menüleiste unendlich hoch machen

Oh Mann vielen Dank für eure Antworten..
Das ist mir ja jetzt schon fast peinlich mit was für einer simplen Methode man das lösen konnte :D
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.613
Beiträge
1.538.345
Mitglieder
67.524
Neuestes Mitglied
BSKGA
Oben