marjac99
New member
Hallo zusammen,
ich bastel an einer Seite (Link) und habe ein kleines Problem:
Wie bekomme ich die 'Lücken' zwischen "Block" und "Mitte" weg?
Die Images im Block (oberer und unterer Rand) sollen direkt an die Mitte und deren Hintergrundbild anstossen?!
Irgendwie schein ich ein Brett vorm Kopf zu haben, ich finde den Fehler nicht?
Kann jemand helfen?
Dank im Voraus,
marjac99
ich bastel an einer Seite (Link) und habe ein kleines Problem:
Wie bekomme ich die 'Lücken' zwischen "Block" und "Mitte" weg?
Die Images im Block (oberer und unterer Rand) sollen direkt an die Mitte und deren Hintergrundbild anstossen?!
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Arynar-Das Reich der Mythen und Legenden</title>
<style type="text/css">
body {
color: #000;
background: #000;
margin: 0; padding: 0px;
min-width: 40em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
}
#Header {
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 0px;
width: 900px;
}
#Block {
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 10px;
width: 800px;
}
#center {
display: block;
text-align: center;
}
#Mitte {
margin-top: 0px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0px;
width: 800px;
padding: 0px;
font-size: 20px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-color: #960001;
}
* #Mitte { /* versteckt vor Netscape 4 */
background: #000 url(http://pimar.ch/Projekte/arynar/bilder/css_dateien/rahmenmitte.gif) repeat;
}
#Inhalt {
margin-top: 5px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0px;
width: 750px;
padding: 0px;
background: none;
font-size: 20px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-color: #960001;
}
</style>
<script language="JavaScript">
var viewer;
function CreateWin1() {
window.open("impressum.html","Impressum","width=450,height=450,left=100,top=80,nostatus,resizable=0,scrollbars=no")
}
</script>
<script language="JavaScript">
<!--
// open new window
function openWindow(url, name, rs, w, h) {
var resize = "";
if (rs) {
resize = "resizable,";
}
popupWin = window.open(url, name, 'scrollbars,menubar,' + resize +
'width=' + w + ',height=' + h);
window.name = 'opener';
}
// -->
</script>
</head>
<body>
<div id="Header">
<img src="http://pimar.ch/Projekte/arynar/bilder/header.jpg" alt="Header" border="0" align="bottom" width="900">
</div>
<div id="center">
<div id="Block"><img src="http://pimar.ch/Projekte/arynar/bilder/css_dateien/rahmenoben.gif" alt="Rahmen" border="0" align="top" width="800">
<div id="Mitte">
<div id="Inhalt">
blablabla
<br><br>
(...)
<br><br><br><br>
<a href="Javascript:CreateWin1()"><span style="font-size: 10px;">Impressum</span></A>
</div>
</div>
<img src="http://pimar.ch/Projekte/arynar/bilder/css_dateien/rahmenunten.gif" alt="Rahmen" border="0" align="center" width="800">
</div>
</div>
</body>
</html>Irgendwie schein ich ein Brett vorm Kopf zu haben, ich finde den Fehler nicht?
Kann jemand helfen?
Dank im Voraus,
marjac99
