Willkommen in der Webstatt Zum Webstatt Blog und Stories
abu am 16.06.06 10:16

Hi,
ich möchte eine Navileiste die immer! bis zum ende der seite geht, leider weiß ich nicht wie hat da von euch jemand eine Idee?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta name="generator" content="Ixion [http://ixion.bsnx.net]" />
<style type="text/css">
<!--

body, table {font-family: Arial; font-size:10pt;}

.nomargin {margin:0px;}
.dtop {
background-color: #6699FF ;
height:128px;
}
.topnavi {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

.leftnavi {
border-right: 1px solid #000;
width:150px;
/*Wie mache ich es das der Balken bis unten geh? height: ??? ************************/
float:left;
background-color: #BBDDFF ;
}
.content {

}

//-->
</style>

</head>
<body class="nomargin">

<div class="dtop"></div>
<div class="topnavi">
Link 1
</div>
<div class="leftnavi">

</div>
<div class="content">
ABC
</div>

</body>
</html>

netcup.de Warum gibt es hier Werbung?
Lenny am 16.06.06 10:50

schon mal mit ner Prozentangabe probiert?

height: 100%;

milahu milahu am 16.06.06 13:13

http://www.alistapart.com/articles/fauxcolumns :)

abu am 16.06.06 14:16

@Lenny: ja hab ich, aber kein unterschid.
@milahu: mit der Seite komm ich nicht klar :(

abu am 16.06.06 14:23

Wenn ich
html, body {
height: 100%;
}
setze und dann noch in der klasse height: 100%; is der bereich leider nur noch etwas zu groß :(

Lenny am 16.06.06 14:39

html/body brauchst du nicht 100% angeben, dass ist doch eh der gesamte Bereich im Browser.

auf der Seite steht wie du das Problem umgehen kannst indem du eine background grafik erstellts die genau so aussieht wie deine Navigation und an der gleichen stelle positioniert ist... da der background sich automatisch wiederholt sieht es so aus als würde die Navigation immer so weit gehn wie die Höhe vom Browserfenster.

milahu milahu am 16.06.06 19:51

BTW: Div-Höhen Problem

abu am 16.06.06 20:12

Quote
Original von Lenny
html/body brauchst du nicht 100% angeben, dass ist doch eh der gesamte Bereich im Browser.

auf der Seite steht wie du das Problem umgehen kannst indem du eine background grafik erstellts die genau so aussieht wie deine Navigation und an der gleichen stelle positioniert ist... da der background sich automatisch wiederholt sieht es so aus als würde die Navigation immer so weit gehn wie die Höhe vom Browserfenster.


Grafiken möchte ich nicht verwenden, es soll schon mit HTML/CSS sein.

Remo1234 Remo1234 am 16.06.06 20:56

Quote
Original von abu
[quote]Original von Lenny
html/body brauchst du nicht 100% angeben, dass ist doch eh der gesamte Bereich im Browser.

auf der Seite steht wie du das Problem umgehen kannst indem du eine background grafik erstellts die genau so aussieht wie deine Navigation und an der gleichen stelle positioniert ist... da der background sich automatisch wiederholt sieht es so aus als würde die Navigation immer so weit gehn wie die Höhe vom Browserfenster.


Grafiken möchte ich nicht verwenden, es soll schon mit HTML/CSS sein.[/quote]

Und wo hindert dich XHTML/CSS an Grafiken?

abu am 16.06.06 22:32

Quote
Und wo hindert dich XHTML/CSS an Grafiken?

Gar nicht ich möchte nur wenn möglich auf Grafiken verzichten (Seiten größe etc.)

milahu milahu am 16.06.06 22:37

Eine 150*1px große Grafik sollte kein Thema sein.

Remo1234 Remo1234 am 16.06.06 23:52

Und dann:

html {
height: 100%;
}

div {
height: 100%;
background: blabla repeat-y;
}

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt