div Bereich zentrieren
-1 0 
Gunnar Bittersmann
0
0 
opi
0 0 Gunnar Bittersmann
0 opi
0
div Bereich zentrieren
hi zusammen,
ich würde gerne nen div bereich zentrieren (er soll ne feste breite haben und zentriert erscheinen). in meinem quelltext ist das der div bereich "mutter". ich kriege ihn leider nur linksbündig, d.h. nicht in die mitte des fensters. kann aber beim besten willen nicht entdecken, warum. hat jemand ne ahnung, sollte ja eigentlich nicht so schwer sein...
viele grüße,
steffen
stylesheet:
body {
background-color: #C2CDD7;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-left: 0px;
text-align: center;
}
.mutter {
position: relative;
width: 300px;
text-align: center;
background-color: #FF0000;
}
.rechtsoben {
position: absolute;
top: 0px;
left: 400px;
height: 220px;
width: 150px;
background-color: #8B1515;
}
html datei:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>| test |</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<div class="mutter">
TTTTTTTTTTTTTTTT
<div class="rechtsoben">
</div>
</div>
</body>
</html>
-
Das liegt mwn. am Doctype mit URL. Da klappt das Zentrieren im Bildschirm nicht so richtig..
-
Hallo,
Das liegt mwn. am Doctype mit URL. Da klappt das Zentrieren im Bildschirm nicht so richtig..
Wo man so was wohl aufschnappt ... nein, daran liegt es bestimmt nicht.
Grüße
Jeena Paradies
-
-
Hi Steffen,
Wie wär’s denn vor dem Posten wenigstens mal die Forumshauptdatei durchzulesen? Es gibt zwei Threads zum Thema Zentrieren, die erst wenige Stunden alt sind.
Gruß,
Gunnar--
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)-
hmmm,
ja, ich weiß. aber ich hab stattdessen die css referenz gewälzt und bin da nicht weiter gekommen. dachte es liegt irgendwie an meinem code. trotzdem recht herzlichen dank!
nur eine frage: warum brauch ich für den ie was anderes? bei mir funktioniert es jetzt in jedem browser problemlos.viele grüße,
steffenHi Steffen,
Wie wär’s denn vor dem Posten wenigstens mal die Forumshauptdatei durchzulesen? Es gibt zwei Threads zum Thema Zentrieren, die erst wenige Stunden alt sind.
Gruß,
Gunnar-
Hi Steffen,
nur eine frage: warum brauch ich für den ie was anderes? bei mir funktioniert es jetzt in jedem browser problemlos.
Ältere IEs verstehen auch im standards compliant mode kein margin:auto.
Gruß,
GunnarPS. Bitte kein TOFU, das schmeckt nicht jedem.
--
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein) -
Hallo,
nur eine frage: warum brauch ich für den ie was anderes? bei mir funktioniert es jetzt in jedem browser problemlos.
Das ist genau der springende Punkt. Ein Browser versteht's, der altersschwache IE leider nicht. Daher brauchst Du - wie so oft bei modernen Seiten - für den IE einen Workaround.
Ciao
-
Hallo,
ähem, da war ich etwas zu schnell auf dem Senden-Button ;)
Wie Gunnar schon geschrieben hat, ist in diesem Falle nur für IEs < 6 dieser Workaround nötig.Ciao
-
-
-
-
Hallo,
.mutter {
position: relative;
width: 300px;
text-align: center;
background-color: #FF0000;
}margin:auto;
??
nicht schlagen wenn es falsch ist :-)
Greez,
opi--
Selfcode: ie:( fl:( br:^ va:) ls:] fo:) rl:( n4:? ss:| de:] ch:? mo:|
-
puts "Hallo " + gets.chomp + "."
?> opi
=> Hallo opi..mutter {
position: relative;
width: 300px;
text-align: center;
background-color: #FF0000;
}margin:auto;
??
nicht schlagen wenn es falsch ist :-)
Wieso? ist doch richtig. Für Browser und den IE im Standards Compliance Modus.
Alles was unter IE 6 im SCM liegt braucht text-align:center für das Elternelement und text-align:left (oder was auch immer) im betroffenen Element selbst.
Einen schönen Mittwoch noch.
Gruß, Ashura
--
Selfcode: sh:( fo:) ch:? rl:( br:^ n4:& ie:{ mo:) va:) de:> zu:) fl:( ss:| ls:[ js:|
30 Days to becoming an Opera8 Lover -- Day 20: search.ini
Meine Browser: Opera 8.01 | Firefox 1.0.4 | Lynx 2.8.3 | Netscape 4.7 | IE 6.0
[Deshalb frei! - Argumente pro freie Software] -
Hi opi,
nicht schlagen wenn es falsch ist :-)
Sondern dann, wenn’s richtig ist? ;-) Dann gibt’s jetzt Haue.
Für die mit margin:auto nicht klarkommenden IEs kann man einen von denen begangenen Fehler ausnutzen, wie auch schon x-mal im Archiv steht. Meine Postings find ich am schnellsten: http://forum.de.selfhtml.org/archiv/2005/3/t103983/#m640769
Gruß,
Gunnar--
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)-
Hallo,
Sondern dann, wenn’s richtig ist? ;-) Dann gibt’s jetzt Haue.
oh, es war wirklich geraten.
Für die mit margin:auto nicht klarkommenden IEs
Wer benutzt denn sowas? ;-)
Greez,
opi--
Selfcode: ie:( fl:( br:^ va:) ls:] fo:) rl:( n4:? ss:| de:] ch:? mo:|
-
-
-
Hallo Steffen,
ich würde gerne nen div bereich zentrieren […] hat jemand ne ahnung, sollte ja eigentlich nicht so schwer sein...
SELFHTML-FAQ: „Wie kann ich Inhalte genau in der Mitte des Anzeigefensters positionieren?“
Grüße
Roland