Keine Chance einen Inhalt zu zentrieren (HTML)

LTD

frecher fratz

Registered: Feb 2001
Location: is where it is
Posts: 6334

24.09.2008 - 21:26

Ich hab langsam die Nase voll von HTML! Ich möchte doch einfach nur eine Gott verdammte Tabelle in die MITTE (vertikal/horizontal) in meinem Browserfenster setzen. Das kann doch nicht so schwer sein oder? Als zweiten Schritt hätte ich dann gerne, dass die Tabelle sich stets 25% vom oberen Rand fern hält. Auch nicht so schwer oder?

DOCH! Ich habe nun 2h damit verbracht und es klappt hinten und vorne nicht. Die Tabelle klebt brav am oberen Bildschirmrand, völlig unbeeindruckt von diversen "style" "div" "valign" "height" 's.

<body>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> <div style="vertical-align:middle"><table width="100%" height="50%" "border="0" align="center" valign="middle" cellpadding="0" cellspacing="0">
<tr>
<td valign="bottom" nowrap="nowrap"><p align="right" class="style2">blabla<br />
<span class="style5">blablablalba</span></p>
<br />
</td>
<td width="15%" valign="bottom"></td>
</tr>
<tr>
<td height="1" bgcolor="#333333"></td>
<td bgcolor="#333333"></td>
</tr>
<tr>
<td valign="top" nowrap="nowrap"><p align="right" class="style4">blablablalba<br />
plahahahabapapa</p>
<p align="right" class="style4">plapla</p>
<p align="right" class="style4"> </p>
<p align="right" class="style4"> </p>
<p align="right" class="style4"><a href="main.html">ENTER</a></p></td>
<td valign="top"></td>
</tr>
</table></div></td>
</tr>
</table>
</body>

Das habe ich jetzt raus kopiert. Kann sich bitte einer meiner erbarmen und das so umschreiben, damit es endlicht in der Mitte sitzt?

Vielen Dank.

Hansmaulwurf

u wot m8?

Registered: Apr 2005
Location: VBG
Posts: 5639

24.09.2008 - 21:30

Gehört "align=center" nicht einfach in die übergeordnete Tabelle ? :confused:

bzw. ist die standardisiert für eine Auflösung ? Weil dann kannst auch die Entfernung vom Rand angeben in Pixeln

LTD

frecher fratz

Registered: Feb 2001
Location: is where it is
Posts: 6334

24.09.2008 - 21:31

align=center funktioniert leider nur horizontal. Aber auch valign ändert nicht die Bohne.

Vielleicht liegt es auch an Safari, aber ich weiß einfach nicht mehr weiter.

-> <div style="#position:absolute; vertical-align:middle";> hilft auch nix.

Bearbeitet von LTD am 24.09.2008, 21:33

Hansmaulwurf

u wot m8?

Registered: Apr 2005
Location: VBG
Posts: 5639

24.09.2008 - 21:34

Oh, die in der Mitte ?

<table width="100%" height="50%" "border="0" align="center" valign="middle" cellpadding="0" cellspacing="0">

das muss dann so ausschauen :

<table height="50%" "border="0" align="center" valign="middle" cellpadding="0" cellspacing="0">

Dann ist die in der Mitte zentriert bei mir

Spikx

My Little Pwny

Registered: Jan 2002
Location: Scotland
Posts: 13496

24.09.2008 - 21:37

Jo, wie gesagt, geht mit valign oder eben mit CSS vertical-align. Dies beeinflusst den Inhalt der Zellen von Tabellen (nicht die Position der Tabelle selbst, und es beinflusst auch nicht block level elements innerhalb der Zellen). zB

Code: PHP

<table style="height:100%;">
	<tr>
		<td style="vertical-align:center;">center</td>
	</tr>
</table>

Bearbeitet von Spikx am 24.09.2008, 21:42

ica

hmm

Registered: Jul 2002
Location: Graz
Posts: 9832

24.09.2008 - 21:38

was jetzt, soll die tabelle in der mitte sein oder 25% vom oberen rand?

und eine tabelle hat kein height attribut. http://apptools.com/examples/tableheight.php

userohnenamen

leider kein name

Registered: Feb 2004
Location: -
Posts: 15868

24.09.2008 - 21:41

Code:

<body style="margin:0">
<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
<tr height="25%"><td></td></tr>
<tr valign=center align=center>
<td>
<table border="1"><tr><td>test3</td></tr></table>
</td>
</tr>
</table>
</body>

sollte dein problem lösen

LTD

frecher fratz

Registered: Feb 2001
Location: is where it is
Posts: 6334

24.09.2008 - 21:42

@hansmaulwurf, spikx -> das funktioniert nicht, leider.

@ica -> http://www.markusklug.com. Ich möchte, dass der Table in dem das Zeug steht genau 25% vom oberen Rand der Homepage entfernt ist, egal wie groß das Fenster ist (also dynamisch).

Und das klappt nicht, weil er mir keine %-Angabe in der 1. Zeile des Tables akzeptiert.

Zudem ist die Schrift ca. 5mm von der oberen und unteren Zellwand entfernt... auch hier habe ich keine Ahnung was ich noch tun könne, margin/cellspan oder sonst was ist nicht aktiviert.

@userohnenahmen nein leider, ist alles an den oberen Rand gedrängt. In Safari und in Firefox.

Bearbeitet von LTD am 24.09.2008, 21:48

Spikx

My Little Pwny

Registered: Jan 2002
Location: Scotland
Posts: 13496

24.09.2008 - 21:45

Wieso machst du dann nicht einfach

Code: PHP
margin-top:25%

?

Und was meinst du mit 5mm.. was ist das bitte für eine Bildschirmunabhängige Angabe? ;P

Bearbeitet von Spikx am 24.09.2008, 21:49

userohnenamen

leider kein name

Registered: Feb 2004
Location: -
Posts: 15868

24.09.2008 - 21:46

uh, geniale lösung, wenn man die oberren 25% gar ned braucht

LTD

frecher fratz

Registered: Feb 2001
Location: is where it is
Posts: 6334

24.09.2008 - 21:50

Gute Idee, aber leider keine Dauerlösung ist das auch keine - auf den anderen Seiten brauche ich die Höhe eventuell ;/.

Spikx

My Little Pwny

Registered: Jan 2002
Location: Scotland
Posts: 13496

24.09.2008 - 21:52

Dann verstehe ich nicht was du überhaupt willst? :confused:

Soll der Inhalt jetzt 25% vom oberen Rand weg sein oder nicht?

//ah, jetzt check ich's.. darum hattest du die innere table auf 50%, k

userohnenamen

leider kein name

Registered: Feb 2004
Location: -
Posts: 15868

24.09.2008 - 21:52

also bei mir schauts im ff 3.0.1 so aus
safari hab ich nicht und kanns daher klarerweise ned sagen

die test3 tabelle kannst dann halt formatieren wie du willst

LTD

frecher fratz

Registered: Feb 2001
Location: is where it is
Posts: 6334

24.09.2008 - 22:05

@user hab es probiert - keine Chance. Bleibt alles oben, ob in Safari oder Firefox macht keinen Unterschied. ;/

userohnenamen

leider kein name

Registered: Feb 2004
Location: -
Posts: 15868

24.09.2008 - 22:06

Zitat von LTD
@user hab es probiert - keine Chance. Bleibt alles oben, ob in Safari oder Firefox macht keinen Unterschied. ;/

ich installier mir jetzt extra safari für dich

dann wiss ma obs vielleicht am unterschied osx-windows liegt

LTD frecher fratz Registered: Feb 2001 Location: is where it is Posts: 6334	24.09.2008 - 21:26 Ich hab langsam die Nase voll von HTML! Ich möchte doch einfach nur eine Gott verdammte Tabelle in die MITTE (vertikal/horizontal) in meinem Browserfenster setzen. Das kann doch nicht so schwer sein oder? Als zweiten Schritt hätte ich dann gerne, dass die Tabelle sich stets 25% vom oberen Rand fern hält. Auch nicht so schwer oder? DOCH! Ich habe nun 2h damit verbracht und es klappt hinten und vorne nicht. Die Tabelle klebt brav am oberen Bildschirmrand, völlig unbeeindruckt von diversen "style" "div" "valign" "height" 's. <body> <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <div style="vertical-align:middle"><table width="100%" height="50%" "border="0" align="center" valign="middle" cellpadding="0" cellspacing="0"> <tr> <td valign="bottom" nowrap="nowrap"><p align="right" class="style2">blabla<br /> <span class="style5">blablablalba</span></p> <br /> </td> <td width="15%" valign="bottom"></td> </tr> <tr> <td height="1" bgcolor="#333333"></td> <td bgcolor="#333333"></td> </tr> <tr> <td valign="top" nowrap="nowrap"><p align="right" class="style4">blablablalba<br /> plahahahabapapa</p> <p align="right" class="style4">plapla</p> <p align="right" class="style4"> </p> <p align="right" class="style4"> </p> <p align="right" class="style4"><a href="main.html">ENTER</a></p></td> <td valign="top"></td> </tr> </table></div></td> </tr> </table> </body> Das habe ich jetzt raus kopiert. Kann sich bitte einer meiner erbarmen und das so umschreiben, damit es endlicht in der Mitte sitzt? Vielen Dank.
Hansmaulwurf u wot m8? Registered: Apr 2005 Location: VBG Posts: 5639	24.09.2008 - 21:30 Gehört "align=center" nicht einfach in die übergeordnete Tabelle ? bzw. ist die standardisiert für eine Auflösung ? Weil dann kannst auch die Entfernung vom Rand angeben in Pixeln
LTD frecher fratz Registered: Feb 2001 Location: is where it is Posts: 6334	24.09.2008 - 21:31 align=center funktioniert leider nur horizontal. Aber auch valign ändert nicht die Bohne. Vielleicht liegt es auch an Safari, aber ich weiß einfach nicht mehr weiter. -> <div style="#position:absolute; vertical-align:middle";> hilft auch nix. Bearbeitet von LTD am 24.09.2008, 21:33
Hansmaulwurf u wot m8? Registered: Apr 2005 Location: VBG Posts: 5639	24.09.2008 - 21:34 Oh, die in der Mitte ? <table width="100%" height="50%" "border="0" align="center" valign="middle" cellpadding="0" cellspacing="0"> das muss dann so ausschauen : <table height="50%" "border="0" align="center" valign="middle" cellpadding="0" cellspacing="0"> Dann ist die in der Mitte zentriert bei mir
Spikx My Little Pwny Registered: Jan 2002 Location: Scotland Posts: 13496	24.09.2008 - 21:37 Jo, wie gesagt, geht mit valign oder eben mit CSS vertical-align. Dies beeinflusst den Inhalt der Zellen von Tabellen (nicht die Position der Tabelle selbst, und es beinflusst auch nicht block level elements innerhalb der Zellen). zB Code: PHP `<table style="height:100%;"> <tr> <td style="vertical-align:center;">center</td> </tr> </table>` Bearbeitet von Spikx am 24.09.2008, 21:42
ica hmm Registered: Jul 2002 Location: Graz Posts: 9832	24.09.2008 - 21:38 was jetzt, soll die tabelle in der mitte sein oder 25% vom oberen rand? und eine tabelle hat kein height attribut. http://apptools.com/examples/tableheight.php
userohnenamen leider kein name Registered: Feb 2004 Location: - Posts: 15868	24.09.2008 - 21:41 Code: `<body style="margin:0"> <table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0"> <tr height="25%"><td></td></tr> <tr valign=center align=center> <td> <table border="1"><tr><td>test3</td></tr></table> </td> </tr> </table> </body>` sollte dein problem lösen
LTD frecher fratz Registered: Feb 2001 Location: is where it is Posts: 6334	24.09.2008 - 21:42 @hansmaulwurf, spikx -> das funktioniert nicht, leider. @ica -> http://www.markusklug.com. Ich möchte, dass der Table in dem das Zeug steht genau 25% vom oberen Rand der Homepage entfernt ist, egal wie groß das Fenster ist (also dynamisch). Und das klappt nicht, weil er mir keine %-Angabe in der 1. Zeile des Tables akzeptiert. Zudem ist die Schrift ca. 5mm von der oberen und unteren Zellwand entfernt... auch hier habe ich keine Ahnung was ich noch tun könne, margin/cellspan oder sonst was ist nicht aktiviert. @userohnenahmen nein leider, ist alles an den oberen Rand gedrängt. In Safari und in Firefox. Bearbeitet von LTD am 24.09.2008, 21:48
Spikx My Little Pwny Registered: Jan 2002 Location: Scotland Posts: 13496	24.09.2008 - 21:45 Wieso machst du dann nicht einfach Code: PHP `margin-top:25%` ? Und was meinst du mit 5mm.. was ist das bitte für eine Bildschirmunabhängige Angabe? ;P Bearbeitet von Spikx am 24.09.2008, 21:49
userohnenamen leider kein name Registered: Feb 2004 Location: - Posts: 15868	24.09.2008 - 21:46 uh, geniale lösung, wenn man die oberren 25% gar ned braucht
LTD frecher fratz Registered: Feb 2001 Location: is where it is Posts: 6334	24.09.2008 - 21:50 Gute Idee, aber leider keine Dauerlösung ist das auch keine - auf den anderen Seiten brauche ich die Höhe eventuell ;/.
Spikx My Little Pwny Registered: Jan 2002 Location: Scotland Posts: 13496	24.09.2008 - 21:52 Dann verstehe ich nicht was du überhaupt willst? Soll der Inhalt jetzt 25% vom oberen Rand weg sein oder nicht? //ah, jetzt check ich's.. darum hattest du die innere table auf 50%, k
userohnenamen leider kein name Registered: Feb 2004 Location: - Posts: 15868	24.09.2008 - 21:52 also bei mir schauts im ff 3.0.1 so aus safari hab ich nicht und kanns daher klarerweise ned sagen die test3 tabelle kannst dann halt formatieren wie du willst
LTD frecher fratz Registered: Feb 2001 Location: is where it is Posts: 6334	24.09.2008 - 22:05 @user hab es probiert - keine Chance. Bleibt alles oben, ob in Safari oder Firefox macht keinen Unterschied. ;/
userohnenamen leider kein name Registered: Feb 2004 Location: - Posts: 15868	24.09.2008 - 22:06 Zitat von LTD @user hab es probiert - keine Chance. Bleibt alles oben, ob in Safari oder Firefox macht keinen Unterschied. ;/ ich installier mir jetzt extra safari für dich dann wiss ma obs vielleicht am unterschied osx-windows liegt

Keine Chance einen Inhalt zu zentrieren (HTML)

Forum Index > Software > Coding Stuff

LTD

Hansmaulwurf

LTD

Hansmaulwurf

Spikx

ica

userohnenamen

LTD

Spikx

userohnenamen

LTD

Spikx

userohnenamen

LTD

userohnenamen