✔ Ebene fixieren...

Status
Nicht offen für weitere Antworten.
Hier der überarbeitete Quelltext, den ich in allen mir zur Verfügung stehenden Browsern erfolgreich getestet habe.

Testumgebung: Win2k, FF 1.5.0.6, IE 6.0, MOZ 1.7.12, NN 7.0, OP 8.50

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>---BeatBastion---HipHop-Production</title>

<style type="text/css">
<!--
body {
        margin: 0;
        padding: 0;
        background-color: #000000;
        }

#container {
        width: 598px;
        margin: 0 auto;
        padding: 0;
        }

#header {
        width: 598px;
        height: 158px;
        margin: 0;
        background-color: #000000;
        }

#contentbox {
        width: 598px;
        height: 404px;
        background-image: url(JPGs/backgroundcontent.jpg);
        background-repeat: no-repeat;
        }

#logobox {
        width: 598px;
        height: 120px;
        background-image: url(JPGs/BannerPic.jpg);
        background-repeat: no-repeat;
        background-position: 50% 0;
        text-align: center;
        }

#content {
        width: 578x;
        padding-bottom: 150px;
        padding-top: 25px;
        padding-left: 10px;
        padding-right: 10px;
        }

.Stil8 {
        color: #FFFFFF;
        font-family: Arial, Helvetica, sans-serif;
        font-size: small;
        font-weight: bold;
}
.Stil12 {
        font-size: small;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align: center;
}
-->
</style>

</head>
<body>

<div id="container">
  <div id="header">
    <div id="logobox"></div>
    <div id="navigation">
      <div class="menu Stil8">
        <div class="Stil12">News | About Us | Projekte | Tracks | Beats | Links | Kontakt | G-Book | Forum </div>
      </div>
    </div>
    <div id="contentbox">
      <div id="content"></div>
    </div>
    <div id="footer"></div>
  </div>
</div>

</body>
</html>
 
WOW

Vielen dank dir...Habe deinen Code genommen und nur noch die Backgrounds eingefügt und hoffe jetz dass man die Page überall gut erkennen kann...echt toll wie inem hier geholfen wird...vielen dank euch, die mir geholfen haben...viele grüße und weiter so :)

Hab jetz noch ne kurze frage: Wie bekomme ich es hin, dass innerhalb der Contentbox gescrollt werden kann, also nur der inhalt praktisch, dass ich die contentbox wie ein frame behandeln kann...auch mit den verweisen aus der navi...dass nicht bei jedem menüpunkt die ganze page neu geladen werden muss...
 
Zuletzt bearbeitet:
Probiers mal mit dem Code. Eigentlich mag ich ja keine iframes aber wenn du einen verwenden willst...

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">
<head>
<style type="text/css">
<!--
body {
	margin: 1;
	padding: 0;
	background-color: #000000;
	}
	
#container {
	width:830px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	z-index:1;
	}
	
#header {
	width: 560	px;
	height: 158px;
	margin-top:0px;
	margin-left:0px;
	z-index:2;
	background-color: #000000;
	}
	
#contentbox {
	width: 598px;
	height: 404px;
	background-image: url(JPGs/backgroundcontent.jpg); 
	background-repeat:no-repeat;
	z-index:2;
	
	}

#logobox {
	width: 590px;
	height: 120px;
	background-image: url(JPGs/BannerPic.jpg);
	background-repeat:no-repeat;
	z-index:3; 
	}
	
#content {
	width: 580px;
	padding-bottom:150px;
	padding-top: 25px;
	padding-left: 10px;
	padding-right: 10px;
	z-index: 3;
	}
	
#bottom {
	width: 830px;
	height: 40px;
	}
.Stil8 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
}
.Stil12 {
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
--> 
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>---BeatBastion---HipHop-Production</title>
</head>
<body>
<div align="center">
  <div id="header">
    <div align="center" id="logobox">  </div>
    <div id="navigation">

      <div class="menu Stil8"> 
        <div align="center" class="Stil12">News | About Us | Projekte | Tracks | Beats | Links | Kontakt | G-Book | Forum </div>
      </div>
    </div>
    <div align="center" id="contentbox">
	<iframe height="400" height="590" scrolling="auto" name="frame" src="seite1.htm"></iframe>
	</div>
    <div id="footer">
      <div align="center">  </div>

    </div>
  </div>
</div>
<div align="center"></div>
</body>
</html>
 
Wenn dir eine serverseitige Scriptsprache (wie z.B. PHP) zur Verfügung steht, könntest du die Inhalte in das DIV includen, und die Box mit overflow:auto scrollfähig gestalten.
 
michaelsinterface hat gesagt.:
Wenn dir eine serverseitige Scriptsprache (wie z.B. PHP) zur Verfügung steht, könntest du die Inhalte in das DIV includen, und die Box mit overflow:auto scrollfähig gestalten.
Zum Vergrößern anklicken....


Habs hinbekommen...Vielen dank...sieht jetzt super aus und genauso wie ich mir das vorgstellt habe...
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück