IE und margin-right ...

[Fobby]

Hallo zusammen!

Also, um mein Problem besser demonstrieren zu können, hab' ich mal ein Screenshot gemacht ...



Zu sehen sind drei div-boxes, wobei "2" die "1" überlagert. Damit "3" die "2" nicht überlagert, habe ich der "2" das CSS-Attribut margin-right verpasst. Firefox macht auch alles richtig und stellt die Box nur bis zum Beginn von "3" dar. Warum macht IE das nicht, bzw. wie kann ich ihn dazu bringen, es korrekt darzustellen? ( Hab' mal aus Spaß margin-left ausprobiert, das interpretiert er wieder korrekt, nur leider hilft mir das herzlich wenig ... )

Folgend noch etwas Code ...
Html:

<div class="nav">
	<div class="header">
		<img src="images/header/chaosreturns.gif" alt="Chaos Returns">
	</div>
	<div class="navtext">
		<?
		require_once"mainpage/nav.html"
		?>
	</div>
	
</div>

<div class="main">
	<?
	require_once'mainpage/'.$link.'.php'
	?>
</div>

<div class="login">
	<?
	require_once"mainpage/login.php"
	?>
</div>

Und CSS ...

.main {
	position:absolute;
	top:160px;
	left:200px;
	margin-right:200px
}

.login {
	position:absolute;
	top:10px; 
	right:10px
}

.nav {
	background-image:url('../images/nav.jpg');
	width:623px;
	height:587px;
	padding:0px;
	margin:0px;
	position:absolute;
	top:0px;
	left:0px 
}

[phoenix]

ist die seite online? gib mal die url an bitte

[Fobby]

Hab's mal hochgeladen

http://midnight-club.rpgserver.de/temp/crlight/

[Fobby]

Wenn wir einmal dabei sind ...

ganz unten sind kürzere news, welche nicht die ganze Breite ausfüllen. Ich hätte gern, dass sie das aber tun. Mit FF kein Problem, sag ich einfach die Tabelle hat 100% Breite und fertig. Im IE gehen dann sämtliche News über den Bildschirm hinaus, so dass ein vertikaler Scrollbalken entsteht ..

Ideen?

[blindguard]

also in safari sieht das eigentlich alles ganz gut aus.
der letzte rahmen ist kürzer als die anderen das ist richtig.
ma sehn was die experten dazu sagen

[Fobby]

Ja, wie gesagt macht wohl mal wieder nur IE Probleme ... naja, zur Not pack ich die News und den Loginteil in nen table, auch wenn ich davon mal wegkommen wollte ... vielleicht weiß ja noch jemand Rat.

[phoenix]

ich hab leichte probleme das nachzuvollziehen. schau dir mal mein ergebnis im ie an



p.s: Ie/mac osx

[Fobby]

Sehr merkwürdig ... kannst mal bitte noch die Versionsnummer dazusagen? Also vom IE.

[vektorpixel]

Du rufst im Quellcode die Klasse "navtext" auf. In deiner CSS Definition findet sich aber nur eine "nav" Klasse. Ändere doch mal den Namen korrekt um...

edit: sorry hab falsch gelesen... aber wo ist die Klasse "navtext"? hast du die definiert?

[Fobby]

http://midnight-club.rpgserver.de/temp/crlight/css/main.css

recht weit oben, direkt unter .nav

[vektorpixel]

nein, nicht die lösung habe ich, aber noch ein kleiner fehler: Hier musst du das & zeichen ersetzen, sonst wir der Quellcode falsch interpretiert...:

<meta name="author" content="Eric Teubert & Patrick Helm">

[vektorpixel]

hast du's schon mal mit "padding-right" versucht ? bei mir hats dann funktioniert...

[Rythem]

Also ich benutzte nur Mozilla und es wird alles wunderprächtig angezeigt

[phoenix]

mit mozilla und safari gibts bei mir auch keine probleme. wird alles korrekt dargestellt.

IE ist version 5.2.3

[Fobby]

Vielen Dank euch allen für das rege Interesse an meinen Problemen

@phoenix
>>> IE ist version 5.2.3

Hm, dann könnt's daran liegen, ich hab 6.irgendwas

@ vektorpixel
>>> <meta name="author" content="Eric Teubert & Patrick Helm">

Danke für den Hinweis, werd's gleich mal ändern, jedoch nicht so, wie du denkst - ich lösch den hinteren Namen einfach raus, ist eh nicht mehr daran beteiligt

>>> hast du's schon mal mit "padding-right" versucht ? bei mir hats dann funktioniert...

Hast recht, geht =)


Also nochmals vielen Dank an alle, die zur Lösung des Problems beigetragen haben.