Div-Container - Verschiedene Auflösungen

Chr!s · 25.05.2005, 19:07

Hi,
mein Problem:
Ich hab ein Design (gemacht mit Photoshop) und dazu gehörige DIV-Container (Styleangaben in der style.css)
Das Design soll in der Mitte des Bildschirms ausgerichtet sein.

Hier mal meine Master-Div, also die Div außenrum um das Design:

Code:

#masterdiv {
 position:absolute;
 width:600px;
 height:300px;
 align:center;
}

und hier ein Beispiel einer Header-Grafik:

Code:

#header-03_ {
 position:absolute;
 left:12px;
 top:6px;
 width:121px;
 height:88px;
}

Jetzt folgendes Problem:
Ich kann natürlich die left:... Angaben mit % versehen, jedoch hilft dies mir nicht. Denn auch bei verschiedenen Auflösungen haben ja meine Grafiken die gleiche Anzahl an Pixel..

Wie kann ich es also hinbekommen, dass mein Layout zentriert wird, und sich das bei verschiedenen Auflösungen auch nich ändern?

align:center wär eigentlich angebracht, nur komischerweise "greift" diese Anweisung nicht.. :S wenn ihr allerdings sagt ich soll das nehmen, werd ich mich wohl nochmal dransetzen müssen..

25.05.2005, 19:08

http://www.thestyleworks.de/tut-art/centerblock.shtml

25.05.2005, 19:47

Code:

#masterdiv {
 margin:auto;
 width:600px;
 height:300px;
}

So müsste das eigentlich funktionieren.
Die Eigenschaft align existiert nicht. Es gibt zwar text-align, aber das formatiert nur Text.

Riot · 26.05.2005, 12:21

Zitat:

Zitat von Matthias959

Code:

#masterdiv {
 margin:auto;
 width:600px;
 height:300px;
}

So müsste das eigentlich funktionieren.
Die Eigenschaft align existiert nicht. Es gibt zwar text-align, aber das formatiert nur Text.

Da fehlt noch etwas. So wie es hier steht können das nur die richtigen Browser. Für den IE muss es so aussehen

body {
text-align:center;
}

#masterdiv {
margin:auto;
width:600px;
height:300px;
text-align:left;
}

27.05.2005, 09:54

Zitat:

Zitat von Riot

Da fehlt noch etwas. So wie es hier steht können das nur die richtigen Browser.

lol
Sind die IEuser selber schuld wenn die Seite bei ihnen Falsch angezeigt wird!

27.05.2005, 10:02

Nur ein Beispiel:

http://www.cix88.de/cix_css/css__demo/demo_layout_5/

Sollte im IE und FF gehen, andere habe ich nicht probiert.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Div Container nebeneinander anordnen	tomtaz	HTML, Usability und Barrierefreiheit	10	04.06.2008 12:45
Verschiedene Werte in verschiedene Zeilen in eine Tabelle einfügen	Heizkessel	PHP Tipps 2008	4	15.02.2008 13:53
[CSS] Container in Container	Igäl	HTML, Usability und Barrierefreiheit	5	04.09.2007 11:29
CSS - Bild im div container überlappt andere container	Buschdieb	HTML, Usability und Barrierefreiheit	13	19.07.2007 23:17
IE6: Container mit Float dabei wird margin doppelt gewertet	DonTermi	HTML, Usability und Barrierefreiheit	1	11.01.2007 09:02
Problem mit Container	max-dhom	HTML, Usability und Barrierefreiheit	3	20.09.2006 11:10
[CSS] Div container unsichtbar machen	I-Spy	HTML, Usability und Barrierefreiheit	24	05.03.2006 09:37
[Erledigt] verschiedene Versionen auf einem W2K3 Server betreiben		PHP Tipps 2006	2	13.01.2006 17:39
[Erledigt] CSS: Verschiedene Farben fï¿½r verschiedene Hyperlinks		HTML, Usability und Barrierefreiheit	2	01.01.2006 13:08
CSS: Verschachtelter Container und Text danach		HTML, Usability und Barrierefreiheit	2	01.12.2005 10:00
.htaccess und verschiedene Logins	dh1sbg	PHP Tipps 2005-2	4	27.10.2005 22:53
[Erledigt] Container im Firefox falsch dargestellt		HTML, Usability und Barrierefreiheit	27	15.08.2005 23:18
&lt;div&gt;- container vertikal auf seite zentrieren		HTML, Usability und Barrierefreiheit	3	08.05.2005 11:16
container mit tabelle rechts aufklappen		HTML, Usability und Barrierefreiheit	10	01.04.2005 12:25
2 verschiedene Anfragen, zu einer Anfrage vereinen	fender	Datenbanken	4	23.11.2004 09:07

25.05.2005, 19:07
Chr!s Erfahrener Benutzer Registriert seit: 27.10.2004 Beiträge: 1.093 PHP-Kenntnisse: Fortgeschritten	Div-Container - Verschiedene Auflösungen Hi, mein Problem: Ich hab ein Design (gemacht mit Photoshop) und dazu gehörige DIV-Container (Styleangaben in der style.css) Das Design soll in der Mitte des Bildschirms ausgerichtet sein. Hier mal meine Master-Div, also die Div außenrum um das Design: Code: #masterdiv { position:absolute; width:600px; height:300px; align:center; } und hier ein Beispiel einer Header-Grafik: Code: #header-03_ { position:absolute; left:12px; top:6px; width:121px; height:88px; } Jetzt folgendes Problem: Ich kann natürlich die left:... Angaben mit % versehen, jedoch hilft dies mir nicht. Denn auch bei verschiedenen Auflösungen haben ja meine Grafiken die gleiche Anzahl an Pixel.. Wie kann ich es also hinbekommen, dass mein Layout zentriert wird, und sich das bei verschiedenen Auflösungen auch nich ändern? align:center wär eigentlich angebracht, nur komischerweise "greift" diese Anweisung nicht.. :S wenn ihr allerdings sagt ich soll das nehmen, werd ich mich wohl nochmal dransetzen müssen..


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

25.05.2005, 19:08
Gast Beiträge: n/a	http://www.thestyleworks.de/tut-art/centerblock.shtml

25.05.2005, 19:47
Matthias959 Gast Beiträge: n/a	Code: #masterdiv { margin:auto; width:600px; height:300px; } So müsste das eigentlich funktionieren. Die Eigenschaft align existiert nicht. Es gibt zwar text-align, aber das formatiert nur Text.

27.05.2005, 10:02
Gast Beiträge: n/a	Nur ein Beispiel: http://www.cix88.de/cix_css/css__demo/demo_layout_5/ Sollte im IE und FF gehen, andere habe ich nicht probiert.