• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Tabelle, valign middle ... ES WILL EINFACH NICHT!

Status
Für weitere Antworten geschlossen.
F

fettschlumpf

Neues Mitglied
Guten Tag zusammen ...

Isch wer' noch bläde ... :(

Mein Problem:

Tabelle 100% x 100% mit Bild darin, welches mittig und zentriert sein soll. Monitorauflösung 1280x1024, Größe des Bildes 800x600. So, jahrelang war das kein Problem :!: Nun teste ich gerade Dreamweaver 8. Mich sollte zwar wundern, dass es am Programm liegt, aber seit dem ist eben das Problem. Zurück zum Thema ...

Ich sage einfach der Tabelle, dass sie den Inhalt in der Mitte plazieren soll ... aber beim Betrachten der Seite im IE (6.0) klebt dieses Bild IMMER OBEN WAAAAHHhh... ;ugl

Vielleicht weiß jemand was. Wie gesagt, war mit den alten Programmen nie ein Problem. Bin zwar nich so der Kot-Held, aber es sieht doch einfach und gut aus, speziell wegen valign="middle". Nagut, hier der Kot:

Code: 
[FONT=Arial][SIZE=2]<body bgcolor="#000000">[/SIZE][/FONT]
[SIZE=2][FONT=Arial]<table width="100%" height="100%" border="0" cellspacing="0">[/FONT][/SIZE]
[SIZE=2][FONT=Arial] <tr>[/FONT][/SIZE]
[SIZE=2][FONT=Arial]   <td valign="middle"><div align="center"><img src="EnterPage1.jpg" width="800" height="600" /></div></td>[/FONT][/SIZE]
[SIZE=2][FONT=Arial] </tr>[/FONT][/SIZE]
[SIZE=2][FONT=Arial]</table>[/FONT][/SIZE]
[SIZE=2][FONT=Arial]</body>[/FONT][/SIZE]
 
Das Problem ist, das der Browser nicht weiss, auf was sich die 100% bezieht.
Daher mußt du body ebenfalls auf 100% bringen.

Code: 
[FONT=Arial][SIZE=2]<body style="background-color: #000000; height: 100%;">
[/SIZE][/FONT]

Schöner wäre es die STYLE-Angaben in den HEAD oder einer seperaten Datei zu bringen, aber so geht es auch.
 
Danke für die schnelle Antwort. Ich pro-Bier mal heute abend zu Hause. Aber seit wann ist denn das so? Hab ich noch nie gemacht und ging trotzdem immer. Die 100% Tabelle hat sich bisher immer an der Größe des Browserfensters orientiert.
 
Das ist schon immer so. Und man muss nicht nur body auf 100$ setzen sondern auch html.

Code: 
html, body { height: 100%; }
 
Hm :???: habs getestet (<body style="background-color: #000000; height: 100%">)

Jetzt ist es in der Mitte. Aber mal ernsthaft. Das habe ich nie so gemacht und es ging immer! Hab alte Sites rausgekramt ... Tabelle 100%x100%, valign middle ... fertig. Zugegeben, die alten Dreamweaver-Versionen haben immer noch Javascript in den Header geschrieben von wegen ... MM reload if window resize ... kram ... Netscape Navigator 4 ... oder ähnlich. Aber nie Body oder html 100%.

Ich gehe mal davon aus, dass das Bild zwar mittig in der Tabelle sein wollte, aber die Tabelle selbst nur die Größe des Bildes hatte und es deswegen den Anschein hatte, das Bild ist "oben" und nicht mittig. hatte im ersten Moment kein Auge drauf, da Border=0. Werd heute abend nochmal guggn, wo die tabelle hängt, wenn Body nicht "100%" ist.

Danke trotzdem schonmal für die Hilfen!
 
Dein Problem ist, dass du an einem Tabellen-Design hängst. Vorteil ist für dich, dass damit die vertikale Zentrierung recht einfach ist. Aber auch ohne Tabellen ist es durchaus möglich - dort wird genau das CSS gebraucht was ich oben genannt habe und etwas mehr noch.
 
Nochmal kurz zum Thema, habs getestet. Wenn der Body nicht "stylisch" auf 100% gesetzt wird, ist die Tabelle auch nicht 100% hoch, sondern nur so hoch wie das Bild und es hat somit dem Anschein, dass Bild wäre oben statt mittig.

Du hast recht, ich mache viel und gerne mit Tabellen. Meine Standard-prozedur: Neue Seite, Tabelle rein, eine Spalte, eine Zeile, 100%x100% und da dann noch eine Tabelle rein, wo dann der Inhalt der Seite reingeworfen wird. Damit hab ich halt das Gefühl auf der sicheren Seite zu sein und alles ist immer schön da, wo man es will und genauso groß, wie man es vorgibt.

Wie ist denn deiner Meinung nach eine bessere Vorgehensweise, so als Beispiel?

Hab, seit dem ich mich hier vor einigen Tagen angemeldet habe, mehr nützliche und neue Sachen gelernt, als ich mir in den letzten zwei Jahren aneignen konnte. Werd mich mal ein bisschen weiter belesen ua. auch bei Selfhtml.
 
also ich hab früher auch sehr viel mit tabellendesigns gearbeitet und der umstieg auf divs fiel mir schwer und oft denk ich och jetzt ne tabelle und fertig.
aber tabellenlayouts sind einfach nicht sehr schön und mit divs ist großteils auch viel einfacher!
probiers einfach aus!
Gruß KY
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben