Habs versucht, mit dem Effekt, dass die ganzen Blockelemente auseinadergerissen wurden. Ein Teil "flog" an den rechten Rand, der Rest blieb am linken Rand.
Gern würde ich die die ganzen Dateien hochladen, aber es wird kein Format das ich versuche akzeptiert. So kopiere ich es hier rein.
Das Html
<?php echo "<?xml version="1.0"?>"; ?>
<?php defined( '_JEXEC' ) or die; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
">
<html xmlns="
www.w3.org/1999/xhtml
" xml:lang="language; ?>" lang="language; ?>" dir="direction; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="templates/<?php echo $this->template?>/css/template.css" type="text/css" />
<style type="text/css">
a:link {text-decoration: none;}
a:active {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
ul {list-style-type: none;}
</style>
</head>
<body>
<div id="Container">
<div id="Kopfbereich">
<div>
<img id="Rapsfeld" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/Mohn.jpg" alt="Rapsfeld mit blauem Himmel" title="Rapsfeld"/>
</div>
</div>
<div id="Navigation">
<jdoc:include type="modules" name="breadcrumb" />
</div>
<div id="Seitennavi">
<div id="menu">
<jdoc:include type="modules" name="user1" />
</div>
</div>
<div id="Hauptteil">
<div id="Textbereich">
<jdoc:include type="component" />
</div>
</div>
<div id="Showteil">
<div>
<img id="Hund" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/Hund.jpg" alt="Hund" title="Hund"/>
</div>
</div>
<div id="Fussbereich">
<jdoc:include type="modules" name="user3" />
</div>
</div>
</body>
</html>
Das css
* {
padding: 0;
margin: 0;
}
body {
font-family: tahoma, verdana, arial;
font-size: 0.9em;
background-color: #3399FF;
}
#Container {
width: 1000px;
height: 800px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
position: absolute;
}
#Kopfbereich {
width: 100%;
height: 120px;
left: auto;
right: auto;
position: absolute;
}
#Rapsfeld {
width: 100%;
height: 120px;
left: 0px;
right: 0px;
position: absolute;
}
#Navigation {
width: 100%;
height: 20px;
left: auto;
right: auto;
top: 120px;
position: absolute;
}
#Seitennavi{
background-color: silver;
width: 20%;
height: 640px;
left: 0px;
right: auto;
top: 140px;
position: absolute;
}
#menu {
background-color: yellow;
width:90%;
height: 500px;
left: 10px;
right: auto;
top: 20px;
position: absolute;
}
#Hauptteil {
background-color: red;
width: 80%;
height: 420px;
left: auto;
right: 0px;
top: 140px;
position: absolute;
}
#Textbereich {
background-color: white;
height: 400px;
left: 20px;
right: 20px;
top: 10px;
position: absolute;
}
#Showteil {
background-color: yellow;
width: 80%;
height: 220px;
left: auto;
right: 0px;
top: 560px;
position: absolute;
}
#Hund {
width: 80%;
height: 200px;
left: 20%;
right: 20%;
top: 10px;
position: absolute;
}
#Fussbereich {
background-color: green;
width: 100%;
height: 20px;
left: auto;
right: auto;
top: 780px;
position: absolute;
}
/*Linkliste horizontal machen*/
#Fussbereich ul li {
display: inline;
}
/*Link Impressum*/
#item-487 {
margin-left: 20px;
}
/*Link AGB*/
#item-488 {
margin-left: 100px;
}
Wie gesagt, beide Dateien sind valides html und css.
Danke für die Mühe
Imperitus
