CSS Center im IE ?

raven16 · 4. Februar 2009

Habe nicht brauchbares gefunden und wollte deshalb hier mal was fragen:

Gibt es eine Möglichkeit, im Internet Explorer ein DIV bei jeder Seite in die Mitte zu schieben?
Bei Firefox geht das mit margin-left: auto; und margin-right: auto;.
Möchte aber auch, dass dies beim Internet Explorer identisch ist.

Hoffe ihr könnt mir weiterhelfen.

krizzelfix · 4. Februar 2009

Ein bisschen Quelltext wäre nicht schlecht.
Mit dem Internet Explorer sollte es aber auf gleichen Weg gehen.

raven16 · 4. Februar 2009

Naja viel Quelltext gibs dazu ja nicht

Code:

/*#########################################
##########Gesamtstruktur#################*/
div.umrandungsbox{
	width:100%;
	height: 100%;
	background-color: #000000;
}

div.gesamtbox{
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	background-color: #999999;
}

umrandungsbox füllt bei mir alles komplett aus (height+width: 100%)
gesamtbox ist 1024 pixel breit und soll immer bei jeder Auflösung in der Mitte des Bildschirmes sitzen (margin-left+right: auto

Wie grad erwähnt klappt dies bei Firefox, aber nicht bei IE...
Konnte bisher noch keine richtige Lösung für dieses Problem im Internet finden...^^

raven16 · 4. Februar 2009

Hab die Lösung herausgefunden...
Bei mir hat der Doctype gefehlt und deshalb hat der IE was anderes gemacht wie FF...

Jetzt, wo der richtige Doctype direkt am Anfang der PHP-Seite deklariert ist, kann setzt der das DIV auch im IE in den Center...

Hab den Transitional ausgewählt von W3C weil der auch alte Sachen von HTML zulässt...

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Danke trotzdem für den Einsatz^^

Crizzo · 4. Februar 2009

raven16 schrieb:
Hab die Lösung herausgefunden...
Bei mir hat der Doctype gefehlt und deshalb hat der IE was anderes gemacht wie FF...

Ohne Doctype wurde der IE in den Quirksmodus geschickt und verhält sich dann so wie <=IE5.5.

Um auch die Internet-Explorer <=5.5 zu bedienen, kannst du dem Elternelement bei dir wohl div.umrandungsbox { text-align:center ; } geben. Das wirkt sich dort auch auf die Box aus. Dann musst du nur noch:

Code:

div.gesamtbox{
[COLOR="Red"]text-align:left;[/COLOR]
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	background-color: #999999;
}

definieren.
Übrigens ist 1024px ein bisschen breit, alle Nutzer mit einer 1024er Auflösung bekommen so einen unschönen Scrollbalken. Besser wäre ca. 960px

Gruß

raven16 · 4. Februar 2009

Also hab die Box schon schmaler gemacht auf 1000px vorhin.
Bei FF geht das mit 1024px aber bei IE mal wieder nicht weil IE standardmäßig die rechte Scrollbar eingeblendet hat

Soll ich also erst das tex-align in der umrandungsbox auf center setzen und das dann direkt danach wieder in der gesamtbox wieder linksbündig machen damit der text, der in der box steht dann auch links und nicht in der mitte angezeigt wird?

danke für die Info^^

krizzelfix · 4. Februar 2009

Ja genau so war es von Black.Hawk gemeint.
Da CSS Eigenschaften vererbt muss es an dieser Stelle sein.
In den Meisten Fällen bringt es aber Vorteile.

raven16 · 4. Februar 2009

Ach ich hab da auch noch ne andere Frage...
Kann ich es hinbekommen, die Border im IE genauso breit zu bekommen wie im FF?

hab so ne Art fieldset gemacht auf meiner Seite, wo die Überschrift in so nem Balken steht und rechts und links an der kante davon eine border anschließt die den Inhalt in dem Fieldset einschließt...
guckt es euch am besten einfach hier an ^^

Crizzo · 4. Februar 2009

Was du aktuell da siehst, ist die Standardlinie, die ein Browser einem Element gibt, die musst du überschreiben.

Gib dem Element einfach: "border 3px solid #000" und schon hast du einen durchgezogene Linie mit 3px Stärke und in schwarzer Farbe.

Denk daran, dass sich "border" auf die Boxbreite auswirkt.

raven16 · 4. Februar 2009

Okay... danke klappt...

hab da sowas ähnliches gehabt aber das war voll unsinnig

raven16 · 4. Februar 2009

Hab noch ne weitere Frage

Ich hab ein Bannerbild, wo divs drüber liegen und möchte, dass dieses Bild nur einmal ganz oben angezeigt wird und sich nach unten hin nicht wiederholt.
Als <img> kann ich das bannerbild nicht machen, weil sich sonst alle divs, die darüber liegen sollen sich unter das bild schieben...

Hab da meine ich mal was gelesen bei selfhtml aber find das net mehr :-/

Crizzo · 4. Februar 2009

Bei solchen Dekografiken nimmt man: http://www.thestyleworks.de/ref/background.shtml . Dann ist es auch ohne Probleme möglich, Inhalt drüber zu schreiben. Willst du das verhindern musst du dir mit http://www.thestyleworks.de/ref/padding.shtml helfen.

Gruß

PS: Die Grundlagen könnten dir helfen: http://www.thestyleworks.de/basics/index.shtml

raven16 · 4. Februar 2009

Jo danke... musste da zwar kurz suchen aber bin dann auf background-repeat: no-repeat; gestoßen

Suche

CSS Center im IE ?

raven16

Lieutenant

krizzelfix

Commander

raven16

Lieutenant

raven16

Lieutenant

Crizzo

Redakteur Pro

raven16

Lieutenant

krizzelfix

Commander

raven16

Lieutenant

Crizzo

Redakteur Pro

raven16

Lieutenant

raven16

Lieutenant

Crizzo

Redakteur Pro

raven16

Lieutenant

Ähnliche Themen