nicht angemeldet
Hi!
Irgendwie weiß ich nicht weiter und finde nicht heraus, woran's liegt. Ich habe ein starres Design, das jedoch nicht so will, wie ich. Probleme bereitet eigentlich nur der Bereich unten links. Im IE und im Opera ist dieser kürzer, als der Bereich rechts daneben, aber er hat die richtige Breite. Der Netscape und der Mozilla stellen den Bereich zu breit dar und legen einen vertikalen Scrollbereich an, der unten aber nur Hintergrund darstellt. Vielleicht erkennt ja jemand von euch meinen Denkfehler oder ist auch schon mal über dieses Problem gestolpert und kann mir weiterhelfen.
Code schaut folgendermaßen aus:
<body>
<div class="obenlinks">
<a class="logo" href="{PLH_LOGO/Link}"><img src="{PLH_LOGO/Bild}" alt="logo" width="144" height="144"/></a>
</div>
<div class="kopfoben">
<xsl:apply-templates select="Logos"/>
</div>
<div class="kopfmittelinks">
</div>
<div class="kopfmitterechts">
<xsl:apply-templates select="Allgemein"/>
</div>
<div class="kopfuntenlinks">
<xsl:apply-templates select="PrimNav"/>
</div>
<div class="kopfuntenrechts">
</div>
<div class="untenlinks">
<xsl:apply-templates select="SecNav"/>
</div>
<div class="untenrechts">
<xsl:apply-templates select="PLH_SEITENLAYOUT"/>
</div>
</body>
css:
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
background-color : #6699CC;
color: #000000;
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
}
/************** Layout allgemein ****************/
div {
position: absolute;
margin: 0em;
padding: 0em;
border: 0px none #000000;
}
img {
border: 0;
}
.obenlinks {
height: 9em; /**144px**/
top: 0px;
}
.kopfoben {
top: 0px;
height: 3.37em; /**54px**/
}
.kopfmittelinks, .kopfmitterechts {
top: 3.37em;
height: 2.25em; /**36px**/
}
.kopfuntenlinks, .kopfuntenrechts {
top: 5.62em; /**90px**/
height: 3.37em;
}
.untenlinks, .untenrechts {
top: 9em;
bottom: 0em;
height: auto;
_height: 40.8em;
}
.obenlinks, .untenlinks {
left: 0em;
width: 9em;
}
.untenrechts, .kopfoben {
left: 9em;
right: 0em;
min-width: 39.37em; /**630px**/
_width: 53.77em;
}
.kopfmittelinks, .kopfuntenlinks {
left: 9em;
width: 29.37em; /**470px**/
}
.kopfmitterechts, .kopfuntenrechts {
left: 38.38em; /**614px**/
right: 0em;
min-width: 10em;
_width: 24.4em;
}
/************** Ausrichtung **********************/
.logo {
width: 144px;
height: 144px;
}
.kopfoben, .kopfuntenlinks, .obenlinks {
vertical-align: middle;
padding-top: auto;
padding-bottom: auto;
}
.obenlinks {
text-align: center;
}
.untenlinks {
padding: .5em;
text-align: left;
}
Farben habe ich mal außen vor gelassen.
Vielen Dank schon mal im Voraus.
nance