| Autor |
Nachricht |
Sarky
Moderator
Threadersteller
Dabei seit: 29.06.2002
Ort: Stuttgart
Alter: 26
Geschlecht: 
|
Verfasst Di 06.04.2004 17:12
Titel [CSS] Inhalt innerhalb Layer vertikal ausrichten? |
  |
|
Hallo,
ich beschäftige mich zur Zeit ein wenig intensiver mit XHTML 1.0 und CSS 2 (tabellenloses Design) und stehe nun vor folgendem Problem: Ich habe einen DIV-Layer mit einer festen Breite und Höhe und will innerhalb dieses Layers einen Inhalt (Grafiken und/oder Text, beliebig) vertikal (nicht horizontal, das geht problemlos) ausrichten:
| Code: |
<style type=text/css>
#box
{
width:320px;
height:200px;
border:1px solid #CFCFCF;
text-align: center;
vertical-align: middle;
}
</style>
<div id=box>
Text
</div>
|
vertical-align wird von Mozilla und IE einfach ignoriert, obwohl es so in SelfHTML drin steht (nur dort wird es auf eine Tabelle angewandt).
Wie also mache ich sowas? Kann ja nicht sein, das es in HTML 4.X durch Tabellen ging und jetzt auf einmal nicht mehr...
Zuletzt bearbeitet von Sarky am Di 06.04.2004 17:13, insgesamt 1-mal bearbeitet
|
|
| |
    |
 |
Imion
Dabei seit: 04.07.2003
Ort: Krefeld
Alter: 26
Geschlecht:
|
Verfasst Di 06.04.2004 17:27
Titel
|
|
|
vertical-align funktioniert auch nur mit tabellen, zumindest ist mir nichts anderes bekannt. Aber es gibt ja auch noch ne menge befehle von css 2.0 die entweder nicht oder nur seltsam oder browserspezifisch funktionieren. Mach es am besten mit ner tabelle, es gibt für sowas keine andere lösung im moment, soweit ich weiß. 
P.S.:
Das Tabellenlose Design hab ich aufgegeben, es funktioniert nicht wirklich gut. 
Zuletzt bearbeitet von Imion am Di 06.04.2004 17:28, insgesamt 1-mal bearbeitet
|
|
| |
|
|
burnout
Moderator
Dabei seit: 31.01.2002
Ort: Osnabrücker Land
Alter: 28
Geschlecht:
|
|
| |
|
|
dante
Dabei seit: 14.02.2004
Ort: NIC
Alter: 23
Geschlecht:
|
Verfasst Di 06.04.2004 19:18
Titel
|
|
|
|
top margin vielleicht bei 50% ??
|
|
| |
|
|
Sarky
Moderator
Threadersteller
Dabei seit: 29.06.2002
Ort: Stuttgart
Alter: 26
Geschlecht:
|
Verfasst Mi 07.04.2004 17:35
Titel
|
|
|
| Imion hat geschrieben: | Mach es am besten mit ner tabelle, es gibt für sowas keine andere lösung im moment, soweit ich weiß.
Das Tabellenlose Design hab ich aufgegeben, es funktioniert nicht wirklich gut. |
Auf Tabellen will ich ja gerade unbedingt um jeden Preis verzichten
Also bisher funktioniert mein kompletter Seitenaufbau wunderbar mit tabellenlosem Design und ist zudem absolut frei von Darstellungsfehlern, sowohl im IE als auch Mozilla und Opera. Das von mir gepostete Problem ist das einzige was mich noch stört.
Vielen Dank für den Link, mit Text als Inhalt im DIV-Layer funktioniert es wunderbar, doch leider brauche ich unbedingt eine Grafik 
Hat noch irgendwer von Euch Vorschläge? Das muß doch irgendwie gehen...
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
[css] Layer horizontal und vertikal mittig ausrichten
CSS Container 100% Vertikal ausrichten
[css] list-style-image - vertikal ausrichten
container horizontal und vertikal ausrichten.
Dreamweaver - Horizontal und vertikal ausrichten
Layer mit Text - Inhalt austauschen
|
|
Willkommen auf dem Portal für Mediengestalter
