html/css horizontales und vertikales zentrieren?

Seite 1 von 2 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/html_css_horizontales_und_vertikales_zentrieren_107860/page_1 - zur Vollversion wechseln!


grassi3000 schrieb am 23.02.2004 um 20:01

tja, ich hab versucht meinen inhalt der homepage horzontal und vertikal zu zentieren, wie hier.

ich hab auch schon den html code aus obiger seite rauskopiert, aber bei mir funktioniert das nicht. der inhalt pickt im ie immer oben:

Code: PHP
<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>
<tbody>
  <tr>
    <td align="center" valign="middle">
      <table width="720" cellSpacing=0 cellPadding=0 border="0">

//Inhalt der tabelle

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

seht ihr hier einen fehler?

gibts eine css möglichkeit, das zu realisieren?


Slondsha schrieb am 23.02.2004 um 20:03

das wichtige ist eh nur diese zeile


Zitat von grassi3000
<td align="center" valign="middle">



sollt aber hinhauen


grassi3000 schrieb am 23.02.2004 um 20:05

tut es leider nicht ...


funka schrieb am 23.02.2004 um 20:24

add mal

Code: PHP
 width="100%" height="100%"
im <td>

fuer css realisierung wart auf rektal der hat sich da mal mit den browser bugs beschaeftigt und irgendwo eine realisierung liegen


grassi3000 schrieb am 23.02.2004 um 20:27

Zitat von funka
add mal
Code: PHP
 width="100%" height="100%"
im <td>
geht auch net:(


moidaschl schrieb am 23.02.2004 um 20:28

try mal über der tabelle ein <center> vielleicht hilfts ( unten nat. auch zumachen )


grassi3000 schrieb am 23.02.2004 um 20:33

horizontal ist es ja zentriert, nur vertikal nicht.

irgendwie hab ich das gefühl, als würde er ie das valign="middle" einfach ignorieren, denn im dreamweaver selbst ist es richtig


dio schrieb am 23.02.2004 um 21:29

verwendest iexplorer? der ignoriert bei mir valign="middle" auch ;)


funka schrieb am 23.02.2004 um 21:41

Code: PHP
<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=1>
<tbody>
  <tr>
    <td align="center" valign="middle" width="100%" height="100%">
      <table width="720" cellSpacing=0 cellPadding=0b order="0"><tr><td>

//Inhalt der tabelle
</td></tr>
      </table>
    </td>
  </tr>
  </tbody>
</table>

is kurz das geaddet was ich mein
bei mir scheints zu funken (vertical align) - im ie6 und ie 5.5
moz sowieso


Spikx schrieb am 23.02.2004 um 21:44

probier mal <td style="vertical-align:middle" align="center">


gue schrieb am 23.02.2004 um 21:59

Ich denke der Fehler liegt darin, dass du im tbody tag kein valign="middle" gemacht hast...

Allerdings ist sowieso von width, height und valign abzuraten. Diese Attribute sind HTML 4.01 deprecated (siehe http://www.w3.org/TR/html4/struct/tables.html#h-11.2.6). Am besten, du löst es mit CSS.


grassi3000 schrieb am 24.02.2004 um 20:00

mhm ... komischerweise funktionieren bei mir keine eurer lösungen


Majin schrieb am 25.02.2004 um 15:50

bei mir funktieren die ganzen lösungen genau so wenig .. letzte hoffnung -> css :)


Spikx schrieb am 25.02.2004 um 16:22

Zitat von grassi3000
mhm ... komischerweise funktionieren bei mir keine eurer lösungen
Zitat von Majin
bei mir funktieren die ganzen lösungen genau so wenig .. letzte hoffnung -> css :)
http://www.overclockers.at/showthre...431#post1388431
funktioniert bei mir tadellos...


Majin schrieb am 25.02.2004 um 16:27

mh.. das hab ich übersehen. werd ich gleich mal ausprobieren




overclockers.at v4.thecommunity
© all rights reserved by overclockers.at 2000-2025