Autor |
Nachricht |
Sarky
Threadersteller
Dabei seit: 29.06.2002
Ort: Düsseldorf
Alter: 42
Geschlecht:
|
Verfasst Di 06.04.2004 18: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 18:13, insgesamt 1-mal bearbeitet
|
|
|
|
|
Imion
Dabei seit: 04.07.2003
Ort: Krefeld
Alter: 41
Geschlecht:
|
Verfasst Di 06.04.2004 18: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 18:28, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
burnout
Dabei seit: 31.01.2002
Ort: Osnabrücker Land
Alter: 44
Geschlecht:
|
|
|
|
|
dante
Dabei seit: 14.02.2004
Ort: NIC
Alter: 39
Geschlecht:
|
Verfasst Di 06.04.2004 20:18
Titel
|
|
|
top margin vielleicht bei 50% ??
|
|
|
|
|
Sarky
Threadersteller
Dabei seit: 29.06.2002
Ort: Düsseldorf
Alter: 42
Geschlecht:
|
Verfasst Mi 07.04.2004 18: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...
|
|
|
|
|
spammie
Dabei seit: 21.01.2011
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 21.01.2011 07:39
Titel lösbar ;) |
|
|
sorry für das späte posting, aber da das thema immer noch ein problem ist hier eine mögliche lösung:
dem text folgende werte geben:
top: 50%;
margin: -(halbe zeilenhöhe) 0 0 0;
position: relative oder absolute;
damit sollte der text "richtig" platziert sein.
wenns nicht funktioniert liegts entweder an fehlenden werten (manchmal zb display: block;) am parentelement oder am fehlenden position property.
mfg
spammie
Zuletzt bearbeitet von spammie am Fr 21.01.2011 07:39, insgesamt 1-mal bearbeitet
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Fr 21.01.2011 10:27
Titel
|
|
|
Das Thema ist von 2004. Meinst Du nicht auch das es nicht mehr interessiert?
|
|
|
|
|
|
|
|
Ähnliche Themen |
[css] Layer horizontal und vertikal mittig ausrichten
[Dreamweaver] Layer in einem anderen Layer unten ausrichten?
CSS Container 100% Vertikal ausrichten
Dreamweaver - Horizontal und vertikal ausrichten
container horizontal und vertikal ausrichten.
CSS Container vertikal unten bündig ausrichten
|
|