michaah: fusszeile nicht ganz unten, navi überschneidet

Beitrag lesen

2 Fragen:
Ist die Navibreite immer fix?

Das Navi rechts ist immer gleich breit

Brauchst Du das linke Div fuer irgendwas oder is das nur fuer den Abstand?

Ich brauche das für inhalt:

Auf der startseite, und *nur* da ist es auch ein navi, genauso schmal wie das rechte navi. Es deutet farblich und inhaltlich einen gesonderten bereich an, der in einer subdomain liegt.

Auf den weiteren seiten ist die linke box *kein* navi, sondern wird als Linksammlung genutzt, muß wegen längerem linktext und lesbarkeit breiter sein als die navis.

Im Grunde schwebt Dir ja wohl sows vor:

Wie gesagt, hat sich mittlerweile etwas verändert, habe hier stqartseite UND folgeseiten in eine seite gebaut, zur demo. Leider gelingt es mir hier nicht, im startseiten demo die rechte contentbox dahin zu setzen wo sie hin soll, sie sitzt zu tief:

Aber das problem sind ja die navis bzw der footer. Wie erreiche ich, dass in jedem fall die längste box ( und das ist auch mal das navi mit mehr als 100% ) den footer nicht überschneidet sondern nach unten drückt, und dies möglichst so, dass der **quelltext** des linken und rechten navis unterhalb des contents plaziert ist.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<link rel="stylesheet" type="text/css" href="test.css" media="screen">
<title>divs</title>
</head>
<body>

<div id='head'>HEADER Startseite</div>
<div id='navil1'>Navi L 1</div>
<div id='wrap1'>WRAPPER 1<div id='contentL'>Content L</div><div id='contentR'>Content R</div></div>
<div id='navir'>NAVI R</div>
<div id='foot'>FOOTER Startseite</div>
<br>
<div id='head'>HEADER Alle anderen Seiten</div>
<div id='boxl'>BOX L</div>
<div id='wrap'>WRAPPER<div id='content'>Content</div></div>
<div id='navir'>NAVI R</div>
<div id='foot'>FOOTER Alle anderen Seiten</div>

</body>
</html>

mit diesem css:

body
{
  font:0.95em Verdana;
}

#head
{
 color:#FFFFFF;
 background-color:#191970;
}

#navil1
{
 color:#FFFFFF;
 width:15%;
 float:left;
 background-color:#191970;
}

#wrap1
{
 width:70%;
 float:left;
 background-color:#66CDAA;
}

#contentL
{
 width:45%;
 margin-left:1em;
 float:left;
 background-color:#FFFFFF;
}

#contentR
{
 width:45%;
 margin-right:1em;

float:right;
 background-color:#FFFFFF;
}

#boxl
{
 color:#FFFFFF;
 width:20%;
 float:left;
 background-color:#191970;
}

#wrap
{
 width:60%;
 float:left;
 background-color:#66CDAA;
}

#content
{
 width:90%;
 margin: auto;

background-color:#FFFFFF;
}

#navir
{
 color:#FFFFFF;
 width:15%;
 float:right;
 background-color:#191970;
}

#foot
{
 color:#FFFFFF;
 clear:both;
 background-color:#191970;
}