mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 12.10.2024 17:20 Benutzername: Passwort: Auto-Login

Thema: [css] Layer horizontal und vertikal mittig ausrichten vom 21.10.2003


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Tipps & Tricks für Nonprint -> [css] Layer horizontal und vertikal mittig ausrichten
Autor Nachricht
sonnenblume
Threadersteller

Dabei seit: 20.02.2002
Ort: -
Alter: 42
Geschlecht: Weiblich
Verfasst Di 21.10.2003 13:36
Titel

[css] Layer horizontal und vertikal mittig ausrichten

Antworten mit Zitat Zum Seitenanfang

Hi Leute,

nicht lachen aber irgendwie bekomme ich das nicht so ganz geregelt. Ich habe ein Bild, welches auf einer leeren HTML-Seite horizontal und vertikal immer mittig ausgerichtet werden soll. Horizontal bekomm ich es hin, nur vertikal funzt das ganze nicht. kann mir da bitte jemand helfen???

auf der Seite ist sonst nichts außer das Bild....also zu hülf

schon mal thx


sunny
  View user's profile Private Nachricht senden
Waschbequen
Account gelöscht


Ort: -

Verfasst Di 21.10.2003 13:41
Titel

Antworten mit Zitat Zum Seitenanfang

Geht nicht.

Bzw. geht doch. Aber nicht sinnvoll. Und nicht mit CSS allein. Du müsstest dir die Bildschirmdaten per JS holen, die Koordinaten berechnen und diese Werte dann in die Style-Definition schreiben. Mal vom Aufwand ganz abgesehen ist das derart unperformant, dass man schon ziemlich blöde sein muss, wenn man das macht.

Machs lieber mit der guten alten Tabelle *zwinker*
 
Anzeige
Anzeige
sonnenblume
Threadersteller

Dabei seit: 20.02.2002
Ort: -
Alter: 42
Geschlecht: Weiblich
Verfasst Di 21.10.2003 13:52
Titel

Antworten mit Zitat Zum Seitenanfang

mhh, würd ich ja gerne, aber funzt irgendwie nicht....glaub ich steh heute extrem auf dem Schlauch...hier mal der Quelltext:


Code:

<table width=100% border=0 cellspacing= cellpadding=0 align=center>
<tr>
<td width=100% height=100% colspan=0 align=center valign=middle><img src=bild.gif></td>
</tr>
</table>


Zuletzt bearbeitet von sonnenblume am Di 21.10.2003 13:52, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Waschbequen
Account gelöscht


Ort: -

Verfasst Di 21.10.2003 13:53
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
<table width=100% height=100% border=0 cellspacing=0 cellpadding=0>
   <tr>
      <td width=100% height=100% align=center valign=middle><img src=bild.gif></td>
   </tr>
</table>
 
sonnenblume
Threadersteller

Dabei seit: 20.02.2002
Ort: -
Alter: 42
Geschlecht: Weiblich
Verfasst Di 21.10.2003 14:08
Titel

Antworten mit Zitat Zum Seitenanfang

*sunny stellt sich jetzt für den rest des Tages in die Ecke und schämt sich*

manchmal ist man echt zu dämlich für die einfachsten Sachen *hu hu huu*

@Waschbecken: vielen lieben Dank, du bist mein Held für den Rest des tages *zwinker*
  View user's profile Private Nachricht senden
Sarky

Dabei seit: 29.06.2002
Ort: Düsseldorf
Alter: 42
Geschlecht: Männlich
Verfasst Di 21.10.2003 14:47
Titel

Antworten mit Zitat Zum Seitenanfang

Auch CSS ist keine Programmierung!!
Falsches Forum.

*Thread verschoben*
  View user's profile Private Nachricht senden
Flixxtoras

Dabei seit: 22.08.2002
Ort: New York
Alter: 46
Geschlecht: Männlich
Verfasst Di 21.10.2003 14:51
Titel

Antworten mit Zitat Zum Seitenanfang

Da wir ja von einem CSS Layer gesprochen haben hier ein Ansatz:
-> http://www.xs4all.nl/~ppk/css2tests/index.html?100percheight.html

Der HTML Tabellen Ansatz ist deshalb unsinnig weil es kein Attribut "height" gibt und somit die neueren Browser diesen Fehler kaschieren können, ältere dagegen nur die Höhe anzeigen die auch gebraucht wird.
  View user's profile Private Nachricht senden
Waschbequen
Account gelöscht


Ort: -

Verfasst Di 21.10.2003 15:57
Titel

Antworten mit Zitat Zum Seitenanfang

Flixxtoras hat geschrieben:
Der HTML Tabellen Ansatz ist deshalb unsinnig weil es kein Attribut "height" gibt und somit die neueren Browser diesen Fehler kaschieren können, ältere dagegen nur die Höhe anzeigen die auch gebraucht wird.

In der Theorie richtig, in der Praxis aber komplett daneben. Denn selbst Netzdreck 4.x und IE 4.x können es korrekt darstellen, und alles darunter kann weder die von dir gepostete Lösung darstellen, noch ist es überhaupt erwähnens- oder beachtenswert.

Und wenn du bei "deiner" Lösung mal auf "Compatibility" runterscrollst, hat sich das eigentlich schon erledigt...
 
 
Ähnliche Themen container horizontal und vertikal ausrichten.
Dreamweaver - Horizontal und vertikal ausrichten
[CSS] Inhalt innerhalb Layer vertikal ausrichten?
[CSS] Zentrieren vertikal und horizontal
[Dreamweaver] Layer in einem anderen Layer unten ausrichten?
Javascript Code von vertikal auf horizontal
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Tipps & Tricks für Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.