RageNo1
Erfahrenes Mitglied
Hallo ich versuche hier jetzt seit einer halben Ewigkeit rum.
Ich möchte einen Rahmen welcher als Hintergrund festgelgt ist bis ans Ende der Seite anzeigen lassen. Im IE läuft es, in allen anderen Browsern nicht.
Hier mal wie es aussehen sollte (Bild IE7): http://img530.imageshack.us/img530/166/img2.jpg
Hier wie es in allen anderen Browsern dargestellt wird: http://img530.imageshack.us/img530/60/img1r.jpg
Hier nun noch der HTML Code:
Hier der Teil für den Background:
Hier der komplette CSS Code:
Und zuguterletzt der DOCTYPE:
Ich hoffe das hier jemand einen Fehler findet.
Vielen Dank im voraus,
gruß Ragey
Ich möchte einen Rahmen welcher als Hintergrund festgelgt ist bis ans Ende der Seite anzeigen lassen. Im IE läuft es, in allen anderen Browsern nicht.
Hier mal wie es aussehen sollte (Bild IE7): http://img530.imageshack.us/img530/166/img2.jpg
Hier wie es in allen anderen Browsern dargestellt wird: http://img530.imageshack.us/img530/60/img1r.jpg
Hier nun noch der HTML Code:
HTML:
<div id="wrapper-content">
<div id="content-left">
<?php include("file.php"); ?><br>
<script type="text/javascript" src="http://www.werbung.../"></script>
</div>
<div id="content-middle">
inhalt inhalt
inhalt inhalt
</div>
<div id="content-right">
<script type="text/javascript" src="http://www.werbung.../"></script>
<?php include('file.php'); ?>
</div>
</div>Hier der Teil für den Background:
Code:
#wrapper-content {
width: 960px;
margin: auto;
background-image: url(content-bg.gif);
background-repeat: repeat-y;
}Hier der komplette CSS Code:
Code:
html,body {
background-color: #FFFFFF;
margin: 0;
height: 100%;
}
a {
color: #333333;
text-decoration: none;
}
a:hover {
color: #FF6600;
text-decoration: underline;
}
a.navi {
color: #333333;
text-decoration: none;
}
a.navi:hover {
color: #FF6600;
text-decoration: underline;
}
#navi-top {
background-image: url(navi-top-bg.gif);
background-repeat: repeat-x;
height: 40px;
}
#navi-top-links {
width: 940px;
margin: auto;
}
#navi-top-left {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
float: left;
margin-top: 7px;
}
#navi-top-right {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
float: right;
margin-top: 7px;
}
#wrapper-top {
height: 120px;
}
#wrapper-navi {
width: 960px;
margin: auto;
}
#navi {
height: 40px;
background-image: url(content-top.gif);
background-repeat: no-repeat;
}
#navi-links {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
padding: 16px 20px 0px 20px;
}
#wrapper-content {
width: 960px;
margin: auto;
background-image: url(content-bg.gif);
background-repeat: repeat-y;
}
#content-left {
width: 130px;
float: left;
margin-left: 20px;
margin-top: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
}
#content-middle {
width: 480px;
float: left;
}
#content-right {
width: 330;
float: right;
margin-right: 20px;
margin-top: 10px;
}
#entry {
border: 1px dotted #c1c1c1;
width: 480px;
height: 140px;
margin-top: 10px;
background-color: #f6f6f6;
}
#entry-left {
padding-top: 10px;
padding-left: 10px;
float: left;
}
#entry-right {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
float: left;
padding: 10px;
}
h2 {
margin: 0px;
padding: 0px;
font-weight: bold;
font-size: 13px;
}
.pages {
font-family: Arial, sans-serif;
font-size: 11px;
color: #999999;
line-height: 20px;
padding: 15px;
}
.pageactive {
font-family: Arial, sans-serif;
font-size: 11px;
background-color: #e5e5e5;
border: 1px solid #999999;
font-weight: bold;
text-decoration: none;
padding: 1px 5px 1px 5px;
color: #333333;
display: inline;
}
a.linkpages {
background-color: #f5f5f5;
border: 1px solid #999999;
text-decoration: none;
padding: 1px 5px 1px 5px;
color: #333333;
}
a.linkpages:hover {
background-color: #e5e5e5;
color: #333333;
}
.tbl-topweek {
margin-top: 15px;
}
.topweek {
padding-bottom: 10px;
}Und zuguterletzt der DOCTYPE:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">Ich hoffe das hier jemand einen Fehler findet.
Vielen Dank im voraus,
gruß Ragey
Zuletzt bearbeitet:
