Willkommen in der Webstatt
User-1 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?
User-2 am 16.06.06 10:50

schon mal mit ner Prozentangabe probiert?

height: 100%;

User-3 am 16.06.06 13:13

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

User-1 am 16.06.06 14:16

@xyz-117: ja hab ich, aber kein unterschid.
@xyz-145: mit der Seite komm ich nicht klar :(

User-1 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ß :(

User-2 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.

User-3 am 16.06.06 19:51

BTW: Div-Höhen Problem

User-1 am 16.06.06 20:12

Quote
Original von xyz-117
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.

User-4 am 16.06.06 20:56

Quote
Original von xyz-5
[quote]Original von xyz-117
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?

User-1 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.)

User-3 am 16.06.06 22:37

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

User-4 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