• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

margin: 0 auto; funktioniert nicht

D

Die_Banditin

New member
Hallo alle zusammen!

Ich habe folgendes Problem:
mein "wrapper-div" lässt sich nicht mit

#wrapper {
margin: 0 auto;
width: 700px;
}

positionieren! Im IE klebt das div am linken Bildschirmrand, im Firefox ist es viel zu weit rechts!
Kann mir vielleicht jemand weiterhelfen?

LG, Die_Banditin
 
hm....das funktioniert leider überhaupt nicht! :(
ich hab es jetzt soweit, dass es im Firefox so angezeigt wird, wie ich es haben möchte, aber im IE klebt es noch immer am Rand! :confused:

LG, Die_Banditin
 
Moin!

Ist Dir denn überhaupt klar was die beiden Werte in 'margin: 0 auto;' bewirken? Das setzt den oberen und unteren margin auf 0 und die seitlichen auf auto - dadurch wird in FF zentriert.

Du solltest Dich vielleicht mal über den Kontext auslassen und darüber, was Du erreichen willst...

Ahoi - Pit
 
okay...sorry!
Also: ich möchte ein <div> mit einer fixen breite von 700px im Browser zentriert darstellen.
Natürlich ist mir klar was die Werte 'margin: 0 auto;' bewirken ;)
ich weiß nur leider nicht, warum das im IE nicht funktioniert?! :confused:

LG, Die_Banditin
 
Hi!

Mach doch sowas:
PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Beispiel</title>
<style type="text/css">
<!--
#chef{
text-align:center;
width:100%;
}
#wrapper {
text-align:left;
margin: 0 auto;
width: 700px;
border:1px solid black;/*zum "Sichtbarmachen"*/
}
-->
</style>
</head>
<body>
<div id="chef">
<div id="wrapper">Blah</div>
</div>
</body>
</html>
Ahoi - Pit
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben