DIVs relativ Positionieren - finde keine Lösung !
aydink
- css
Vorab: Ein erfolgreiches Jahr an euch alle hier!
Ich habe sonst immer mit tabellen designed, habe aber gemerkt dass man bei etwas anspruchsvollerem bei layern nicht drumrumkommt.
Zu meinem Problem:
Ich möchte nun meine in einen Layer verpackten flash-animationen relativ zu einem mittig ausgerichteten Hauptlayer positionieren.
Beim Firefox siehts auch so aus, wie es aussehen soll aber der IE positioniert die Layer ganz anders (zu weit rechts)!
Wer weiss Rat?
Link: http://aydin.carworld24.net/tech/
Quelltext (ist um unwichtige Inhalte abgespeckt):
<html>
<head>
<style type='text/css'>
#container{
width:800px;
height:1000px;
position: absolute;
top:-500px;
left: 50%;
margin-left:-400px;
text-align: center;
z-index:0;
}
#head1, #camani, #menuright{
position: relative;
}
#head1 {
top:265px;
left:0px;
height:70px;
width:550px;
text-align:left;
z-index:1;
}
#camani {
text-align:left;
top:870px;
left:635px;
height:150px;
width:150px;
z-index:1;
}
#menuright {
text-align:left;
top:200px;
left:160px;
height:280px;
width:480;
z-index:1;
}
#htmlcont {
top:0px;
left:0px;
height:399px;
z-index:1;
}
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id='container'>
<div id='head1'>
FLASH OBJECT 1
</div>
<div id='camani'>
FLASH OBJECT 2
</div>
<div id='menuright'>
FLASH OBJECT 3
</div>
<table width="800" height="1000" border="0" cellpadding="0" cellspacing="0">
TABELLENINHALT
</table>
</div>
</body>
</html>
Tja, beim positionieren wirst du um einen Hack nicht herumkommen, da das Boxmodel vom IE fehlerhaft ist. Eine gute Möglichkeit ist, Angaben, die nur für den IE bestimmt sind, mit einem _ einzuleiten. Also zum Beispiel:
top:50% /* Alle Browser */
_top:50% /* Überschreibt im IE den Wert von top */
Damit kann man einen Fehler des IE gegen einen anderen ausspielen.
Grüße
Heizer
Vielen Dank an alle! Habe zwar etwas dazugelernt, aber nicht das was ich brauche. habe es aber hinbekommen, ich hatte eher allgemeine Verständnisprobleme mit dem Positionieren von layern.
Hallo!
Ich habe sonst immer mit tabellen designed, habe aber gemerkt dass man bei etwas anspruchsvollerem bei layern nicht drumrumkommt.
?? Ich sehe weiterhin eine Layout-Tabelle!
Ich möchte nun meine in einen Layer verpackten flash-animationen relativ zu einem mittig ausgerichteten Hauptlayer positionieren.
Nerven schrecklich, Ladezeit - ich habe nur ISDN - ewig!
Beim Firefox siehts auch so aus, wie es aussehen soll aber der IE positioniert die Layer ganz anders (zu weit rechts)!
Gib eine passende DOCTYPE an, ohne geht der IE in den Quirks Mode
und schick Deine Seite einmal durch den Validator http://validator.w3.org/.
Im Konqueror schaut Deine Seite ganz interessant aus! ;-)
Grüße
saltun