tutorials.de Buch-Aktion 02/2012
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
4502
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 28.07.07 14:18 #1
    freakcx freakcx ist offline
    Registriert seit
    Jun 2004
    Ort
    (RLP)
    Beiträge
    193
    Hello Folks!

    CSS:

    PHP-Code:
    #main_align{
          display:block;
          position:relative;
          min-height:100%;
          width:780px;
          margin-bottom:0px;
          vertical-align:bottom;
          margin:auto;
    background-color:#00FFCC;
    }
    #container{
          display:block; 
          position:relative; 
          min-height:100%;
          width:780px;
          top:129px;
          left:0;
          margin:auto;
          background-image:url(assets/apple_05.jpg);
          background-position:bottom;
          background-repeat:no-repeat;
          background-color:#00FF33;
    } 
    HTML:

    PHP-Code:
    <div id="main_align">
    <    div id="container">Inhalt</div>
    </    div> 
    Ich möchte das "container" bis ganz unten hin zum Browserrand erstreckt... tut es aber nicht, hab schon rum gefummelt aber werde aus CSS einfach nicht schlau hat jemand eine Idee?
     
    Wer sichere Schritte tun will, muss sie langsam tun.

    ~Goethe
  2. 28.07.07 15:08 #2
    Maik Tutorials.de Gastzugang
    Hi,

    so sieht mein Lösungsvorschlag aus:

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Maik">
<title>tutorials.de | demo_freakcx</title>
 
<style type="text/css">
<!--
* {
  margin:0;
  padding:0;
}
 
html,body {
  height:100%;
}
 
#main_align{
  position:relative;
  min-height:100%;
  height:auto !important;
  height:100%;
  width:780px;
  vertical-align:bottom;
  margin:0 auto;
  background:#00ff33 url(assets/apple_05.jpg) bottom no-repeat;
}
 
div#header {
  height:129px;
  background:#00ffcc;
}
-->
</style>
 
</head>
<body>
 
<div id="main_align">
     <div id="header">&nbsp;</div>
     <div id="container">
          <p>Inhalt</p>
          <!-- Ab hier wird der Inhalt zunächst auskommentiert -->
          <!--<p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>
          <p>Inhalt</p>-->
     </div>
</div>
 
</body>
</html>
     
  3. 28.07.07 18:19 #3
    freakcx freakcx ist offline
    Registriert seit
    Jun 2004
    Ort
    (RLP)
    Beiträge
    193
    jup das wars! danke!
     
    Wer sichere Schritte tun will, muss sie langsam tun.

    ~Goethe
« Eine fixierte Div-Box | Div sollen sich anpassen (100%) »

Ähnliche Themen

  1. min-height funktioniert nicht
    Von Monika_86 im Forum CSS
    Antworten: 1
    Letzter Beitrag: 08.01.11, 09:48
  2. Height: 100% nicht durchgängig in IE 8.06
    Von Vinc im Forum CSS
    Antworten: 3
    Letzter Beitrag: 16.03.10, 19:21
  3. Height 100% will nicht
    Von sufijen im Forum CSS
    Antworten: 6
    Letzter Beitrag: 24.07.08, 09:16
  4. Mehrspaltiges Layout: Probleme mit min-height:100% bzw height:100%
    Von gunwald im Forum CSS
    Antworten: 0
    Letzter Beitrag: 22.01.07, 20:00
  5. da min-height nicht geht...
    Von wernerschuster im Forum CSS
    Antworten: 1
    Letzter Beitrag: 11.11.04, 16:01