Webstatt.org - Community seit 2006 - 2012 (2024?)

Div runter bis zum seiten ende ?!

user-115
16.06.2006 08: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>

user-227
16.06.2006 08:50

schon mal mit ner Prozentangabe probiert?

height: 100%;

Avatar user-255
16.06.2006 11:13

http://www.alistapart.com/articles/fauxcolumns lächeln

Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
user-115
16.06.2006 12:16

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

user-115
16.06.2006 12: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ß traurig

user-227
16.06.2006 12: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.

Avatar user-255
16.06.2006 17:51

BTW: Div-Höhen Problem

Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
user-115
16.06.2006 18:12

Original von user-227
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.

Avatar user-289
16.06.2006 18:56

Original von user-115
Original von user-227
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.


Und wo hindert dich XHTML/CSS an Grafiken?

Interesse? meine Referenzen. hier!!!
user-115
16.06.2006 20:32

Und wo hindert dich XHTML/CSS an Grafiken?

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

Avatar user-255
16.06.2006 20:37

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

Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
Avatar user-289
16.06.2006 21:52

Und dann:

html {
height: 100%;
}

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

Interesse? meine Referenzen. hier!!!