• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

hintergrund vollstädnig anzeigen lassen

Conti93

Neues Mitglied
Moin moin,

meine Navigation ist jetzt geschätze 300px hoch und die hintergrundgrafik kommt auch nur bis dahin. Ich möchte aber das der hintergrund bis ans seitenende unten geht, genauso wie mit dem haupt-div. die seite ist vllt. 200px vom rechten rand zuende und auch hier der hintergrund nur bis zum letzen inhalt rechts. gibts dafür nen befehl das der hintergrund ganz angezeigt wird?
 
Werbung:
Deine Informationen sind schwer nachvollziehbar.
Ich vermute, dass es ein Fall für Faux Columns ist.
Ansonsten bitte Link reinstellen, oder nochmal etwas genauer erläutern.
 
eins vorweg.
das is für nen schulwettbewerb und die farben warn nich meine idee ich soll nur das grundgerüst bauen.
also unter der navi soll der hintergrund bis unten hin fortgesetzt werden und der haupt-div ist zwar vorhanden aber wird nicht angezeigt weil nix drin steht. ich möchte aber trotzdem das die hintergrundfarbe komplett bis rechts angezeigt wird.
unbenanntlzm.jpg
 
Werbung:
die css:
HTML:
body {
    margin:0px;
    padding:0px;
}
div#links {
    float: left;
    text-align: center;
    margin: 0%;
    padding: 0%;
    height: 180px;
    width: 200px;
    background-image: url(../img/bg/links.png)
}
div#rechts {
    text-align: center; 
    margin: 0px;
    padding: 0px;
    height: 180px;
    background-image: url(../img/bg/rechts.png)    
}
div#navi {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 200px;
    background-image: url(../img/bg/navi.png);
    background-repeat: repeat-y;    
}
div#main {
    float: right;
    margin: 0%;
    padding: 0%;
    height: auto;
    background-color: #B9AA7C;
}
HTML:
ul {
    list-style: none;
}

a {
    text-decoration: none;
}

.home {
    height: 25px;
    width: 130px;
    display: block;
    background: url("../img/buttons/home.png") 0px 0px no-repeat;
    }

.home:hover {    
    background-position: 0px -25px;
    }

[...]

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

<head>
    <title>test</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="css/style.css" rel="stylesheet" />
    <link href="css/rollover.css" rel="stylesheet" />
</head>

<body>
<div id="links">
  <br />
  <img src="img/leibnitz_klein.png" alt="Portr&auml;t Leibniz" />
</div>
<div id="rechts">
  <br /><br />
  <img src="img/01.png" alt="&Uuml;berschrift" />
</div>
<div id="navi">
  <a href="start.htm" class="home"></a>
  <br />
  <br />
  <a href="biografie.htm" class="biografie"></a>
  <br />
  <a href="rechenmaschine.htm" class="rechenmaschine"></a>
  <br />
  <a href="dualzahlen.htm" class="dualzahlen"></a>
  <br />
  <a href="windmuehlen.htm" class="windmuehlen"></a>
  <br />
  <a href="wasserleitungen.htm" class="wasserleitungen"></a>
  <br />
  <a href="monaden.htm" class="monaden"></a>
  <br />
  <br />
  <a href="impressum.htm" class="impressum"></a>
</div>
<div id="main">

</div>
</body>
</html>
 
habs jezt schon gelöst. aber wo ich hier grad bin mach ich nich extra nen neues thema auf. also ich brache einen "platzhalter"
und hab dafür nen span-tag erstellt mit den maßen die ich halt brauche. ist das so in ordnung oder gibts auch andere oder besser möglichkeiten?
 
Werbung:
Eher nicht in Ordnung.
Was soll der Platzhalter bewirken?
Wenn du damit einen Abstand meinst, dann wäre "margin" beim entsprechenden Element zu verwenden.
 
Zurück
Oben