Franky55555
Neues Mitglied
Hi!
Ich hab ein neues Design geschrieben (ohne Programm, per Hand). Wie findet ihr es?
Der CSS-Code kommt bei der endgültigen Version noch in ein externes CSS-File. Beim IE < 4.0 wird sie (obwohl Valide) falsch angezeigt!
Der Contentbereich ist im IE unter der navi, hat aber horizontal die richtige Position.
Hier der Link: Test
Und hier der Code:
MfG
Edit: noch eine Frage: wie mache ich es, dass der Hintergrund immer auf der selben Stelle ist? mit position:fixed;? wo müsste ich das dann einfügen?
Ich hab ein neues Design geschrieben (ohne Programm, per Hand). Wie findet ihr es?
Der CSS-Code kommt bei der endgültigen Version noch in ein externes CSS-File. Beim IE < 4.0 wird sie (obwohl Valide) falsch angezeigt!
Der Contentbereich ist im IE unter der navi, hat aber horizontal die richtige Position.
Hier der Link: Test
Und hier der Code:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<title>Test</title>
<style type="text/css">
body {
background-color:#8c8c8c;
background-image:url(http://danielfrank.bplaced.net/test/test1/bg.png);
background-repeat:repeat-x;
font-family:arial;
background-position:0px -200px;
}
#container {
width:770px;
margin:50px auto;
border:0px solid #ff0000;
}
#logo {
position:fixed;
float:left;
height:100px;
width:100px;
border:0px solid #000000;
background-color:#ffffff;
background-image: url(http://danielfrank.bplaced.net/test/test1/logo.png);
}
#navi {
position:fixed;
float:left;
clear:both;
margin-top:50px;
height:150px;
width:95px;
border:0px solid #000000;
}
#content {
position:relative;
margin-left:150px;
width:600px;
min-height:500px;;
border:0px solid #000000;
font-size:10pt;
padding:10px;
background-color:#ffffff;
}
.button {
background-image: url(http://danielfrank.bplaced.net/test/test1/button.png);
background-repeat:no-repeat;
padding:3px;
padding-top:6px;
padding-left:7px;
color:#000000;
text-decoration:none;
width:100%;
display:block;
font-size:10pt;
}
.button:hover {
background-image: url(http://danielfrank.bplaced.net/test/test1/button_hover.png);
}
</style>
</head>
<body>
<div id="clearer">
</div>
<div id="container">
<div id="logo">
</div>
<div id="navi">
<a href="index.html" class="button"><b>Home</b></a>
<a href="uebermich.html" class="button"><b>Über Mich</b></a>
<a href="projekte.html" class="button"><b>Projekte</b></a>
<a href="bilder.html" class="button"><b>Bilder</b></a>
<a href="links.html" class="button"><b>Links</b></a>
<a href="impressum.html" class="button"><b>Impressum</b></a>
</div>
<div id="content">
Auf dieser Seite geht es um Elektronik, Hochspannung, Modellbau und Technik.
<br>
Die Seite Befindet sich noch im Aufbau.
<br>
<br>
<b>News:</b><br>
20.8.2008: Das Projekt "Roboter" ist online.<br>
28.7.2008: Die Seite ist online.
<br>
<br>
<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fdanielfrank.bplaced.net%2Ftest%2Ftest1%2F">Diese Seite ist valide.</a><br>
Achtung: Im Internet Explorer wird die Seite trotzdem nicht richtig dargestellt!
</div>
</div>
</body>
</html>
Edit: noch eine Frage: wie mache ich es, dass der Hintergrund immer auf der selben Stelle ist? mit position:fixed;? wo müsste ich das dann einfügen?
Zuletzt bearbeitet: