[Erledigt] [(X)HTML] Page Mittig

30.11.2005, 00:45

http://insomnia-wow.de/test/home.htm

folgendes Problem:

ich kann die Page mittig machen indem ich sie in eine Table stecke und diese größenmäßig auf 100% stelle .. anschliessend align center setze ..
das funktioniert in HTML .. so lange doctype html ist .. da die page aber xhtml sein soll funktioniert das nicht mehr .. mit div um meine tables (inhalt) setzen habe ich es auch schon versucht .. ich bekomme sie immer nur align center aber nicht dass sie vertikal ebenfalls mittig ist...

danke schon mal für die Hilfe...

imported_Ben · 30.11.2005, 00:48

Schau mal hier:

http://scholz-webdesign.de/css/demo/zentrieren/

toscho hat da was Tolles zusammengebaut.

30.11.2005, 01:06

hmm
irgendwie bekomm ichs nicht hin ..

<body style="margin:0; padding:0; height:100%;"....

<div style="position:absolute; top:50%; left:50%; margin-top:-1em; margin-left:-10em;">MEIN INHALT (PAGE TABELLEN USW.)</div>

was mach ich falsch?

30.11.2005, 01:12

HA ich habs .. auf einmal gehts

<table style="width:100%; vertical-align: middle; height:100%; text-align: center;">

INHALT

</td></tr></table>

nur in firefox gehts noch nicht :>

30.11.2005, 01:21

ok alles falsch .. jetzt hab ich es *g*

html, body {
height: 100%;
width: 100%;
}

das muss in die css file ..

und die table um den inhalt der site:

<table style="height:100%; width:100%">
<tr align="center">
<td>
(INHALT)
</td></tr></table>

DerDesian · 30.11.2005, 13:10

lol.
Vertikal werden deinen höhenangaben in % höchstens in einem Browser funktionieren.

Horizontal mittig bekommst dus so:

<div style="width: 600px; margin: 0 auto;">
Content
<div>

und vertikal mußt du ncoh ein 'margin-top: 1234px;' dazu setzen.
Mit % würd ich hier vieleicht auch spielen aber vorsichtig.

Tip unter Webstrickern: Nim <div>s stadt <table> hast du später weniger ärger.

Gruß
Der Desian

30.11.2005, 15:03

habe bewusst tables genommen

..
und bei mir gehts sowohl in firefox als auch in IE 6 so wie oben beschrieben

margin-top wäre nur der Abstand nach oben, der sich aber ändert je nach auflösung, d.h. wenn ich einen festen pixel wert angebe ist das ding trotzdem nicht vertikal in der mitte ... mit % habe ich es da noch nicht versucht .. wäre ne idee aber nagut funktioniert ja auch mit der table

akratellio · 05.12.2005, 14:00

hallo speedyjung,

du kannst einfach den Body mit css formatieren,
so etwa:

Code:

body{
margin:3em;
}

In diesem Fall wird der gesamte Inhalt des Body zentral,
mit 3em Abstand zum Fenster dargestellt .

mfg

akratellio

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
links auf anderer Page direkt ausführen	trushy	PHP Tipps 2006	4	31.03.2006 11:13
Via link auf den bottom der page	GrungeRocker	PHP Tipps 2007	14	25.12.2005 23:59
will page validieren!	DER_Brain	HTML, Usability und Barrierefreiheit	40	20.06.2005 10:04
Code für Page Ranking		Beitragsarchiv	3	16.06.2005 08:52
Sinnvolles Coden einer Page	GrU3nL!nG	PHP Tipps 2005	24	11.04.2005 15:56
Text in Tabelle wird nicht vertikal mittig dargestellt		HTML, Usability und Barrierefreiheit	1	06.10.2004 14:24
Mittig stellen und Link einfügen		HTML, Usability und Barrierefreiheit	3	31.08.2004 18:05
Page Language in Datenbank?!		PHP Tipps 2004	7	18.07.2004 19:45
Sicherheitsmeldung mitten auf der Page!		PHP Tipps 2004	1	18.07.2004 00:49
Rubrikentitel mittig		PHP Tipps 2004	9	16.07.2004 07:49

30.11.2005, 00:45
Gast Beiträge: n/a	[Erledigt] [(X)HTML] Page Mittig http://insomnia-wow.de/test/home.htm folgendes Problem: ich kann die Page mittig machen indem ich sie in eine Table stecke und diese größenmäßig auf 100% stelle .. anschliessend align center setze .. das funktioniert in HTML .. so lange doctype html ist .. da die page aber xhtml sein soll funktioniert das nicht mehr .. mit div um meine tables (inhalt) setzen habe ich es auch schon versucht .. ich bekomme sie immer nur align center aber nicht dass sie vertikal ebenfalls mittig ist... danke schon mal für die Hilfe...


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

30.11.2005, 00:48
imported_Ben Erfahrener Benutzer Registriert seit: 18.09.2003 Beiträge: 13.598 PHP-Kenntnisse: Fortgeschritten	Schau mal hier: http://scholz-webdesign.de/css/demo/zentrieren/ toscho hat da was Tolles zusammengebaut. __________________ Webentwickler-Blog - Buchbesprechung PHP Design Patterns - SQL-Antipatterns

30.11.2005, 01:06
Gast Beiträge: n/a	hmm irgendwie bekomm ichs nicht hin .. <body style="margin:0; padding:0; height:100%;".... <div style="position:absolute; top:50%; left:50%; margin-top:-1em; margin-left:-10em;">MEIN INHALT (PAGE TABELLEN USW.)</div> was mach ich falsch?

30.11.2005, 01:12
Gast Beiträge: n/a	HA ich habs .. auf einmal gehts <table style="width:100%; vertical-align: middle; height:100%; text-align: center;"> INHALT </td></tr></table> nur in firefox gehts noch nicht :>

30.11.2005, 01:21
Gast Beiträge: n/a	ok alles falsch .. jetzt hab ich es g html, body { height: 100%; width: 100%; } das muss in die css file .. und die table um den inhalt der site: <table style="height:100%; width:100%"> <tr align="center"> <td> (INHALT) </td></tr></table>

30.11.2005, 13:10
DerDesian Erfahrener Benutzer Registriert seit: 02.03.2005 Beiträge: 305	lol. Vertikal werden deinen höhenangaben in % höchstens in einem Browser funktionieren. Horizontal mittig bekommst dus so: <div style="width: 600px; margin: 0 auto;"> Content <div> und vertikal mußt du ncoh ein 'margin-top: 1234px;' dazu setzen. Mit % würd ich hier vieleicht auch spielen aber vorsichtig. Tip unter Webstrickern: Nim <div>s stadt <table> hast du später weniger ärger. Gruß Der Desian __________________ Wenn dich was ankotzt, machs besser.

30.11.2005, 15:03
Gast Beiträge: n/a	habe bewusst tables genommen .. und bei mir gehts sowohl in firefox als auch in IE 6 so wie oben beschrieben margin-top wäre nur der Abstand nach oben, der sich aber ändert je nach auflösung, d.h. wenn ich einen festen pixel wert angebe ist das ding trotzdem nicht vertikal in der mitte ... mit % habe ich es da noch nicht versucht .. wäre ne idee aber nagut funktioniert ja auch mit der table

05.12.2005, 14:00
akratellio Erfahrener Benutzer Registriert seit: 09.05.2005 Beiträge: 193	hallo speedyjung, du kannst einfach den Body mit css formatieren, so etwa: Code: body{ margin:3em; } In diesem Fall wird der gesamte Inhalt des Body zentral, mit 3em Abstand zum Fenster dargestellt . mfg akratellio __________________ "Ich lüge immer..." http://www.akratellio.de/dai