tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
5
ZUGRIFFE
377
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 04.10.11 19:35 #1
    aiquita aiquita ist offline Mitglied Bronze
    Registriert seit
    Jul 2011
    Beiträge
    25
    Ich weiss das schon öfters in allen möglichen Foren Thema war
    allerdings hab ich die verschiedensten tipps ausprobiert die ich gefunden hab und es hat einfach nichts funktioniert
    deswegen wend ich mich jetzt direkt an euch

    ich möchte die divs contentbgl, contentbg und contentbgr auf die volle seiten höhe haben auch wenn sie nicht komplett gefüllt sind

    hier die quellcodes

    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
    <title>Paradiseball</title>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />

    <link href="style.css" type="text/css" rel="stylesheet" />
    <link href="favicon.ico" type="image/x-icon" rel="shortcut icon" />
</head>

<body>
    <div id="contentbgl"></div>
    <div id="contentbg">
        <div id="header">

        </div>

        <div id="nav">

        </div>

        <div id="main">

        </div>

        <div id="footer">

        </div>
    </div>
    <div id="contentbgr"></div>
</body>
</html>
    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

    body {
    margin:0 auto;
    width:1000px;
    background:black;
}
 
#contentbgl {
    float:left;
    margin:0px;
    padding:0px;
    background:url(contentbgl.png);
    width:50px;
    height:200px;
}
 
#contentbg {
    float:left;
    margin:0px;
    padding:0px;
    background:url(contentbg.png);
    width:900px;
    height:200px;
 
}
 
#contentbgr {
    float:left;
    margin:0px;
    padding:0px;
    background:url(contentbgr.png);
    width:50px;
    height:200px;
}
 
#header {
 
}
 
#nav {
 
}
 
#main {
 
}
 
#footer {
 
}

    vielen dank schonmal für eure antworten

    mfg
    aiquita
    Geändert von aiquita (04.10.11 um 19:37 Uhr)
     
    Zitieren Zitieren
  2. 05.10.11 12:13 #2
    Avatar von preko
    preko preko ist offline Mitglied Brokat
    Registriert seit
    Jun 2004
    Ort
    Mönchengladbach
    Beiträge
    397
    Hi,

    warum nimmst Du nicht:

    Code :
    1

    height: 100%;

    Ist das richtig, dass Du bei all den genannten Containern (contentbgl, contentbg und contentbgr) keine position:, top: und left: Angaben machst?

    Ausserdem verstehe ich nicht warum Du dem Body eine Breite von 1000px zuordnest? Welchen Sinn hat das?


    Beste Grüße!
     
    Wem das Wasser bis zum Hals steht, sollte den Kopf nicht hängen lassen.

    Was man heute Rap-Musik nennt, hieß früher Stottern und war heilbar...

    Es gibt zwei Wege im Leben - den schweren und den falschen!
    -----------------------------------------------------------------------------------------------------
    http://www.prenociste-mir.com
    -----------------------------------------------------------------------------------------------------
    Zitieren Zitieren
  3. 05.10.11 18:38 #3
    aiquita aiquita ist offline Mitglied Bronze
    Registriert seit
    Jul 2011
    Beiträge
    25
    der body hat 1000px weil sonst die zentrierung des bodys mit margin:auto; nicht funktioniert
    wofür sollt ich diese positionsangaben machen sind ja nicht notwendig
    ne einfach 100% funktioniert nicht

    trotzdem danke für die antwort
     
    Zitieren Zitieren
  4. 05.10.11 20:03 #4
    Avatar von hela
    hela hela ist offline Mitglied Smaragd
    tutorials.de Premium-User
    Registriert seit
    Oct 2004
    Beiträge
    1.123
    Hallo,

    du hast vergessen das HTML-Element im CSS zu berücksichtigen. In den CSS-FAQ bibt es einen entsprechenden Beitrag: Warum wird mein Layer nicht auf das gesamte Browserfenster gestreckt?
    So müsste es funktionieren:
    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
  <title>Paradiseball</title>
</head>

<body>
  <div id="contentbgl"></div>
  <div id="contentbg"></div>
  <div id="contentbgr"></div>
</body>

</html>
    Code css:
    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

    html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  width: 1000px;
  margin: 0 auto;
  background: black;
}
#contentbgl, #contentbg, #contentbgr {
  float: left;
  width: 50px;
  min-height: 100%;
  margin: 0;
  padding: 0;
  background: #ffc;
}
#contentbg {
  width: 900px;
  background: #fcf;
}
#contentbgr {
  background: #ccf;
}
     
    Zitieren Zitieren
  5. 05.10.11 22:12 #5
    aiquita aiquita ist offline Mitglied Bronze
    Registriert seit
    Jul 2011
    Beiträge
    25
    Thx du hast mich gerettet
    des eigenartige ist nur obwohl ich ewig geuscht habe hat niemand das als möglichkeit angboten

    auf jeden fall funktionierts klasse danke nomal

    Mfg
    Marvin
     
    Zitieren Zitieren
  6. 06.10.11 11:25 #6
    djheke djheke ist offline Mitglied Silber
    Registriert seit
    Sep 2011
    Beiträge
    96
    Nur so aus interesse. Zeig doch mal deine Hintergrundbilder. Wenn alle gekachelt werden sollen, dann könntest du dir die vielen LEEREN Conteiner sparen. Und du kannst Faux Column anwenden.
    Geändert von djheke (06.10.11 um 14:11 Uhr)
     
    Zitieren Zitieren
« Gesamte Seite zentrieren geht nicht | Außenabstand zum <div>-Container für Text definieren? »

Ähnliche Themen

  1. Höhe div in div
    Von karl123 im Forum CSS
    Antworten: 1
    Letzter Beitrag: 02.04.11, 20:29
  2. Höhe von DIV an Höhe des Nebenanliegenden anpassen
    Von BuZZ-T im Forum CSS
    Antworten: 1
    Letzter Beitrag: 28.03.10, 20:28
  3. DIV-Box Höhe 100%
    Von _SimonSez_ im Forum CSS
    Antworten: 56
    Letzter Beitrag: 18.02.10, 21:08
  4. Höhe des Menüs an Höhe des Contents anpassen
    Von Impega im Forum CSS
    Antworten: 1
    Letzter Beitrag: 28.04.08, 12:14
  5. Minimale Höhe, maximale Höhe?
    Von fanste im Forum HTML & XHTML
    Antworten: 11
    Letzter Beitrag: 12.07.05, 18:03