nicht angemeldet
moin,
Ich hab dir deine Datei mal neu geschrieben. So funktioniert sie mit allen Browsern, die ich zur Verfügung habe - also auch mit mozilla und Konqueror:
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Div-Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<style type="text/css">
body {
margin-top:12px;
margin-left:12px;
margin-bottom:10px;
background-color: #EEEEEE;
font-family:Arial;
}
div {
position:absolute;
}
.box1 {
width:15%; height:15%; top:20%; left:10%;
background-color:#FFFFFF;
border-width: 1pt; border-style:solid; border-color:blue;
}
.box2 {
width:15%; height:15%; top:20%; left:32%;
background-color:#FFFFFF;
border-width: 1pt; border-style:solid; border-color:blue;
}
.box3 {
width:15%; height:15%; top:20%; left:54%;
background-color:#FFFFFF;
border-width: 1pt; border-style:solid; border-color:blue;
}
.box4 {
width:15%; height:15%; top:20%; left:76%;
background-color:#FFFFFF;
border-width: 1pt; border-style:solid; border-color:blue;
}
.box5 {
width:15%; height:15%; top:45%; left:10%;
background-color:#FFFFFF;
border-width: 1pt; border-style:solid; border-color:blue;
}
.box6 {
width:15%; height:15%; top:45%; left:32%;
background-color:#FFFFFF;
border-width: 1pt; border-style:solid; border-color:blue;
}
.box7 {
width:15%; height:15%; top:45%; left:54%;
background-color:#FFFFFF;
border-width: 1pt; border-style:solid; border-color:blue;
}
.box8 {
width:15%; height:15%; top:45%; left:76%;
background-color:#FFFFFF;
border-width: 1pt; border-style:solid; border-color:blue;
}
.box9 {
width:15%; height:15%; top:70%; left:10%;
background-color:#FFFFFF;
border-width: 1pt; border-style:solid; border-color:blue;
}
.box10 {
width:15%; height:15%; top:70%; left:32%;
background-color:#FFFFFF;
border-width: 1pt; border-style:solid; border-color:blue;
}
.box11 {
width:15%; height:15%; top:70%; left:54%;
background-color:#FFFFFF;
border-width: 1pt; border-style:solid; border-color:blue;
}
.box12 {
width:15%; height:15%; top:70%; left:76%;
background-color:#FFFFFF;
border-width: 1pt; border-style:solid; border-color:blue;
}
</style>
</head>
<body>
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
<div class="box4"></div>
<div class="box5"></div>
<div class="box6"></div>
<div class="box7"></div>
<div class="box8"></div>
<div class="box9"></div>
<div class="box10"></div>
<div class="box11"></div>
<div class="box12"></div>
</body>
</html>
Christoph S.