nicht angemeldet
Probleme mit Größenangaben
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
-
Hi,
Vielleicht erkennt ja jemand von euch meinen Denkfehler oder ist auch schon mal über dieses Problem gestolpert und kann mir weiterhelfen.
Dein Code nützt leider wenig, weil "es ist falsch" keine Fehlerbeschreibung ist. Durch Kartenlegen erahne ich aber, dass Du Dich mit dem Box-Model-Bug des IE sowie - in Folge dessen - dem Quirks-Mode und DOCTYPEs auseinander setzen möchtest.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Hallo!
Das Problem mit dem Scrollbalken ist behoben. Damit habe ich noch folgende Probleme:
1. Im Opera ist der Bereich "linksunten" kürzer als der Bereich "rechtsunten". Der Bereich "rechtsunten" geht wie gewünscht bis zum unteren Rand.
2. Netscape und Mozilla stellen den Bereich "linksunten" zu breit dar.
Gruß
nance
-
-
Hi,
Ich habe ein starres Design
was bereits ein Fehler sein könnte...
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
also verwendest Du keinen oder einen Doctype, der diese Browser in den quirks-mode versetzt, in dem die Breite falsch berechnet wird.
Code schaut folgendermaßen aus:
ein online-Beispiel wäre wesentlich hilfreicher, um Hilfe zu geben buw. zu bekommen.
body {
font-size: 1em;den benachteiligten IE-Usern zuliebe bitte 100.1%.
/************** Layout allgemein ****************/
div {
position: absolute;übelst, wirklich.
_height: 40.8em;
was soll das denn?
_width: 53.77em;
und das?
_width: 24.4em;
und das?
freundliche Grüße
Ingo-
Hallo!
Ich habe ein starres Design
was bereits ein Fehler sein könnte...Find ich auch absolut dämlich, ist aber leider so gewünscht.
also verwendest Du keinen oder einen Doctype
keine Doctype
ein online-Beispiel wäre wesentlich hilfreicher
ist leider nicht möglich, da ich die Zugriffsrechte nicht ändern kann und ein Zugriff von außerhalb nicht möglich sein soll
_height: 40.8em;
was soll das denn?Ist nur für den IE gedacht, da der mit "bottom: 0em; height: auto;" nichts anzufangen weiß.
Gruß
nance-
Hi,
also verwendest Du keinen oder einen Doctype
keine Doctype
dann gebe einen an, der den IE und vor allem den Opera in den standardkonformen Modus versetzt.
ein online-Beispiel wäre wesentlich hilfreicher
ist leider nicht möglich, da ich die Zugriffsrechte nicht ändern kann und ein Zugriff von außerhalb nicht möglich sein soll
Du könntest aber eine abgespeckte Seite auf einen anderen Server etzen.
_height: 40.8em;
was soll das denn?Ist nur für den IE gedacht, da der mit "bottom: 0em; height: auto;" nichts anzufangen weiß.
es gibt auch valide Browserweichen.
freundliche Grüße
Ingo
-
-