zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden container mittig ausrichten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 11.11.2007, 18:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.11.2007
Beiträge: 27
staccato befindet sich auf einem aufstrebenden Ast
Standard container mittig ausrichten

moin.

ich habe einen hauptcontainer der alle anderen beinhaltet:

Code:
#container{
  	height: 650px;
  	width: 1000px;
 	margin:0 auto; 
 	border:1px dashed #000000; 
 	padding : 0px;
}
diesen container möchte ich jetzt gerne noch vertikal ausrichten - da weiß ich leider nich wie? margin: 0 auto; macht ja nur links rechts...
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 11.11.2007, 19:32
Benutzerbild von paracelsus
be simple
XHTMLforum-Kenner
 
Registriert seit: 16.07.2007
Ort: Kapfenberg - Austria, einige meinen am "Anus Mundi"
Beiträge: 4.788
paracelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nett
Standard

Servus!

In allen Browsern - ausser dem IE natürlich (k.A. ob der IE7 das kann) - würde
Zitat:
margin: auto auto;
das richtige sein.

Für den IE 6 eben nicht.
So kann es gehen:
Zitat:
body{ text-align: center;}
Allerdings müsstest Du nun für alle Elemente die nicht den textalign haben sollen, diesen wieder aufheben.
Beispiel:
Zitat:
p {text-align: left;}
hinzufügen.
Aber vieleicht weiss ein anderer ja noch eine andere Lösung...
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 11.11.2007, 19:42
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.11.2007
Beiträge: 27
staccato befindet sich auf einem aufstrebenden Ast
Standard

das hilft mir auf jeden fall schon mal danke!!
Mit Zitat antworten
  #4 (permalink)  
Alt 11.11.2007, 19:48
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.11.2007
Beiträge: 27
staccato befindet sich auf einem aufstrebenden Ast
Standard

hm bei meinem firefox 2.0.0.9 funktioniert das nich...
Mit Zitat antworten
  #5 (permalink)  
Alt 11.11.2007, 19:48
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Schau doch mal in die FAQ unter Punkt 5.
Mit Zitat antworten
  #6 (permalink)  
Alt 11.11.2007, 19:52
Benutzerbild von paracelsus
be simple
XHTMLforum-Kenner
 
Registriert seit: 16.07.2007
Ort: Kapfenberg - Austria, einige meinen am "Anus Mundi"
Beiträge: 4.788
paracelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nett
Standard

Autsch, nun muss ich mich wohl schon wieder schämen...
text-align:center macht ja genau dasselbe wie der margin: o auto;

Sorry, hab einfach überlesen.

wegen dem IE musst Du es leider so lösen:
Zitat:
#container{
height: 650px;
width: 1000px;

position: relative;
top: 50%;
left: 50%;
margin-left: -500px;
margin-top: -325px;

border:1px dashed #000000;
padding : 0px;
}
besseres fällt mir auch nimmer ein.

Edit: Danke fricca ..
Mit Zitat antworten
  #7 (permalink)  
Alt 11.11.2007, 19:59
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Paracelcus, bei dieser Zentriermethode verschwindet der Inhalt bei kleinem Viewport unerreichbar nach links und oben -- das ist nicht empfehlenswert.

IE seit Version 6 im Standard-Modus kann mit margin:0 auto umgehen.
Mit Zitat antworten
  #8 (permalink)  
Alt 11.11.2007, 20:09
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.06.2004
Beiträge: 2.641
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von paracelsus Beitrag anzeigen
Für den IE 6 eben nicht.
Wer erzählt solche Märchen? Blocklevel-Elemente mit der Eigenschaft margin: 0 auto stellt auch der IE 6 zentriert dar. Natürlich muss er sich dafür im standardkonformen Modus befinden.
Mit Zitat antworten
  #9 (permalink)  
Alt 11.11.2007, 20:24
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.11.2007
Beiträge: 27
staccato befindet sich auf einem aufstrebenden Ast
Standard

hm also auch das funktioniert leider nicht - schiebt ungefähr 50 % nach oben raus...

bin leider neu in dem thema deswegen habe ich keine idee was der grund dafür sein könnte.

is das denn so eine ungewöhnliche sache??
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 11.11.2007, 20:27
Benutzerbild von Timo
table-layout: none;
XHTMLforum-Kenner
 
Registriert seit: 11.11.2006
Beiträge: 5.345
Timo ist ein LichtblickTimo ist ein LichtblickTimo ist ein LichtblickTimo ist ein LichtblickTimo ist ein Lichtblick
Standard

Also ich mach das immer so:
Code:
html {
   text-align: center;
}
#container {
   margin: 0 auto;
   text-align: left;
}
damit klappts bei mir

Gruß
Timo
__________________
Um weitere Erklärungen eingeblendet zu bekommen, drücken Sie bitte die Tastenkombination Alt + F4
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Flash Gallerie mittig ausrichten Ashida CSS 5 15.09.2009 22:11
DIV in anderem Container unten Ausrichten scripper CSS 2 30.06.2009 21:36
Text mittig neben Bild ausrichten prm CSS 5 10.02.2007 11:19
Container im Bestimmten Verhältniss mittig positionieren m.zimmer CSS 6 07.03.2006 16:16
Div Container mittig positionieren donhoolio CSS 3 05.07.2005 21:41


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:58 Uhr.