Hallo Leute,
ich sitze zZ an nem redisgn ner ziemlich crappig gecodeten (auch von mir
) Seite und begebe mich auf CSS Neuland.
Habe eigentlich gedacht ich hätte das CSS Gerüst soweit für ie 6/7 und FF optimiert und mich dem Coden zugewendet. Nun habe ich heute beim Umdesignen der Navigation ( ist noch kein fertiger Zustand falls jemand das Design bemägelt ) festgestellt das ie7 mir etwas Anzeigt was es nicht soll. Finde den Fehler aber nicht und verweise an der Stelle mal auf einen externen Link:
http://schiffer-schraven.de/airhawk/produkte.html
der Code ist noch recht übersichtlich und hier die CSS Datei:
http://schiffer-schraven.de/airhawk/default.css
vielleicht fällt den alten Hasen ja auf den ersten Blick ein Fehler auf den ich einfach nicht finde.
Vielen Dank Leute!
Edit: Code
CSS:
ich sitze zZ an nem redisgn ner ziemlich crappig gecodeten (auch von mir
) Seite und begebe mich auf CSS Neuland.Habe eigentlich gedacht ich hätte das CSS Gerüst soweit für ie 6/7 und FF optimiert und mich dem Coden zugewendet. Nun habe ich heute beim Umdesignen der Navigation ( ist noch kein fertiger Zustand falls jemand das Design bemägelt ) festgestellt das ie7 mir etwas Anzeigt was es nicht soll. Finde den Fehler aber nicht und verweise an der Stelle mal auf einen externen Link:
http://schiffer-schraven.de/airhawk/produkte.html
der Code ist noch recht übersichtlich und hier die CSS Datei:
http://schiffer-schraven.de/airhawk/default.css
vielleicht fällt den alten Hasen ja auf den ersten Blick ein Fehler auf den ich einfach nicht finde.
Vielen Dank Leute!
Edit: Code
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=utf-8" />
<title>Airhawk Comfort Seating System</title>
<link href="default.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="http://www.airhawk.se/browser.ico" />
</head>
<body>
<div id="container"><!-- Container Tag start -->
<div id="header"><!-- Header Tag start -->
<div id="h01">
<ul>
<li><a href="#"><img src="img/flag_ger.gif" alt="Deutsch" /></a></li>
<li><a href="#"><img src="img/flag_gb.gif" alt="Englisch" /></a></li>
<li><a href="#"><img src="img/flag_fr.gif" alt="Französisch" /></a></li>
<li><a href="#"><img src="img/flag_it.gif" alt="Italienisch" /></a></li>
</ul>
<img class="logo" src="img/logo_airhawk.gif" alt="Airhawk" />
</div>
<div id="h02_mc"></div>
<div id="h03">
<ul>
<li><a href="news.html">NEWS</a></li>
<li><a href="produkte.html">PRODUKTE</a></li>
<li><a href="presse.html">PRESSE</a></li>
<li><a href="referenzen.html">Referenzen</a></li>
<li><a href="haendler.html">Händler</a></li>
<li><a href="shop.html">Online shop</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="agb.html">AGB</a></li>
<li><a href="impressum.html">Impressum</a></li>
</ul>
</div>
</div><!-- Header Tag ende --><div id="main">
<div id="main_left"><img src="img/rub_sistamil.gif" alt="" /><p>Langes Sitzen stellt eine Belastung für den Körper dar. Der große Druck auf den Sitzbeinhöckern verringert die Durchblutung, was zu einem Taubheitsgefühl und zum „Einschlafen“ der Beine führt. Außerdem werden Gelenke und Rücken belastet. Ein AIRHAWK-Sitzkissen beseitigt diese Probleme und ermöglicht ein bequemes Sitzen während eines langen Arbeitstages. </p><p>Airhawk-Sitzkissen werden seit mehr als 30 Jahren im Gesundheitswesen und in der Krankenpflege verwendet, nicht zuletzt zur Verbesserung des Sitzkomforts in Rollstühlen. Airhawk-Sitzkissen sind für alle Bürostühle lieferbar.</p></div>
<div id="main_right"><div class="main_prod">test</div><div class="main_prod">test</div></div><br style="clear:both;" />
</div><br style="clear:both;" /><div id="footer"></div>
</div><!-- Container Tag ende -->
</body>
</html>CSS:
Code:
body {
background: #000;
margin-top: 0px;
margin-left: 0px;
}
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff;
font-weight: normal;
}
img {
border: 0;
}
#container {
width: 800px;
margin: 0 auto;
}
#header {
height: 325px;
}
#h01 {
height: 49px;
position: relative;
background: #000;
}
#h01 ul {
position: absolute;
top: 15px;
right:10px;
list-style-type: none;
margin: 0px;
padding: 0px;
}
#h01 li {
margin-right: 10px;
float: left;
}
#h01 .logo {
position: absolute;
top: 9px;
left: 0px;
}
#h02_vh {
position: relative;
height: 240px;
background-image: url(img/h02_vh.jpg);
}
#h02_of {
position: relative;
height: 240px;
background-image: url(img/h02_of.jpg);
}
#h02_mc {
position: relative;
height: 240px;
background-image: url(img/h02_mc.jpg);
}
#h03 {
position: relative;
width: 800px;
height: 36px;
background-image: url(img/h03_background.gif);
overflow: hidden;
}
#h03 ul {
list-style-type: none;
margin: 0px;
padding: 0px;
position: absolute;
right: 20px;
top: 7px;
}
#h03 li {
padding: 5px;
border: solid 1px;
display: block;
margin-right: 10px;
float: left;
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
color: #fff;
}
#h03 li a {
color: #fff;
text-decoration: none;
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
}
#h03 li a:hover {
color: #000;
}
#main {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
float:left;
}
#main_left {
padding-top: 50px;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 50px;
width: 418px;
min-height: 300px;
float: left;
}
#main_right {
width: 300px;
float: right;
padding-top: 10px;
padding-bottom: 10px;
}
.main_prod {
display:block;
position: relative;
background: #ccc;
width: 300px;
height: 100px;
}
#footer {
height: 33px;
background-image: url(img/bottom.gif);
}
Zuletzt bearbeitet:
