nicht angemeldet
Besten Dank,
Ich hab aufbauend auf deine Anleitung mal etwas rumgepfuscht und tatsächlich etwas zu stande gebracht ^^
Allerdings bekomme ich beim div..... <div id="nav_text">Navigation</div> eine Fehlermeldung angezeigt..
-----------
Wenn die Breite eines Containers (einschließlich des Browserfensters) nicht ausreicht, um sowohl einen Float mit einer festen Breite als auch nachfolgende Inhalte mit einer festen Breite aufzunehmen, fließen diese Inhalte nicht um den Float, sondern darunter.
Betrifft: Internet Explorer 6.0, 7.0
Wahrscheinlichkeit: Wahrscheinlich
-----------
Hoffe ich bekomme da keine Probleme.. der IE7 zeigt mir alles so an wie es sein sollte, auch beim FF 3.0.1 sieht alles normal aus aber ob das %$%&$ding von IE6 rumzickt oder nicht kann ich erst morgen feststellen.
----------------------------------------------------------------
<!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>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body {
background-color: #e4e4e4;
font-family: Verdana;
font-size: 12px;
color: #00012F;
width: 771px;
margin: 10px;
padding: 10px;
border: 0px solid;
}
#box1 {
}
#box2 {
}
a.nav_back {
display: block;
width: 140px;
font-size: 10px;
color: #e4e4e4;
font-family: Verdana;
text-decoration: none;
padding: 2px;
border: 3px solid;
text-decoration: blink;
}
a.nav_back:hover {
text-decoration: none;
}
a.nav_forward {
display: block;
width: 140px;
font-size: 10px;
color: #e4e4e4;
font-family: Verdana;
text-decoration: none;
padding: 2px;
border: 3px solid;
text-decoration: blink;
}
a.nav_forward:hover {
text-decoration: none;
}
#schaufenster {
position: relative;
text-align: center;
width: auto;
height: auto;
margin: 0px auto;
border: 1px;
background-color: #e4e4e4;
}
#schaufenster .nav_back {
display: block;
position: absolute;
width: 140px;
left: 0em;
top: 0px;
margin: 0px auto;
border: 1px;
border-color: #00012F;
border-style: ridge;
background-color: #CC0500;
text-align: center;
padding: 2px;
}
#schaufenster .nav_back:hover {
text-align: left;
}
#nav_text {
width: auto;
border: 1px solid;
height: 16px;
}
#schaufenster .nav_forward {
display: block;
position: absolute;
float: right;
width: 140px;
right: 0em;
top: 0px;
margin: 0px auto;
border: 1px;
border-color: #00012F;
border-style: ridge;
background-color: #CC0500;
text-align: center;
padding: 2px;
}
#schaufenster .nav_forward:hover {
text-align: right;
}
-->
</style>
</head>
<body>
<div id="box1">
<p align="center"><img src="" alt="krf-s" width="400" height="268" border="1" /></p>
</div>
<div id="box2" align="center"> <strong>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</strong><br /><br />
xxxxxxxxxxxxxxxxxxxxxxxxxxxx<br />
xxxxxxxxxxxxxxxxxx<br /><br />
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
</div>
<br />
<br />
<div id=schaufenster>
<a href="" target="_self" class="nav_back"><<Zurück</a>
<a class="nav_forward" href="" target="_self">Nächstes Fahrzeug>></a>
<div id="nav_text">Navigation</div>
</div>
</body>
</html>