Hilfe - Suche - Mitglieder - Kalender
Vollansicht: Vertikale Ausrichtung eines Zellinhaltes
HTML-Editor phase 5 Support > Fragen, Lösungen zu HTML-Problemen bzw. Webdesign-Fragen - Talk > HTML
radyserb
Hallo,
ich suche nach einer Lösung zu o.g. eher banal erscheinenden Problematik und wäre für jeden Hinweis dankbar.

Umschreibung:
Solange der Text die Länge der Navigation nicht überschreitet ist alles i.O. (siehe http://www.ofenkraut.de/witaj/index.php). Wenn aber diese Grenze überschritten wird, kommt es zur mittigen vertikalen Ausrichtung der Navigationszelle (siehe http://www.ofenkraut.de/sluzby/index.php). Den auszurichtenden Bereich habe ich im Quelltext mit "<!-- Oben ausrichten -->" markiert.
amethyst
Sorry der 2. Link zeigt ein "Seite nicht gefunden", was mich nicht wirklich wundert, denn ich kann wohl kaum auf deinen heimischen comp zugreifen.

Fü mich stellt sich die Seite im Moment so dar (ich hab mal den link verändert), dass das, was du oben ausrichten möchtest, oben ausgerichtet ist. Problematisch ist die Tabelle darüber mit dem Logo. Die ist nicht oben ausgerichtet. M.E. hast Du einen sehr merkwürdigen Tabellenaufbau gewählt.

Schau mal so sieht Deine Tabelle aus:

www.amethyst-edv.de/grafik/forum/tabellen.png

und wenn ich mehr Text einfüge rutschen die Bilder oben immer weiter in die Mitte und drücken natürlich dadurch auch das Menü nach unten.

So würde ich das Grundgerüst erstellen:

www.amethyst-edv.de/grafik/forum/tabellen_neu.png

Vielleicht hilft Dir das schon weiter.

Gruß Amethyst
Conny
Hi Radyserb,

da habe ich auch ein Vorschlag, und zwar ohne Tabelle mit Div-Container

Ein Beispiel findest Du hier:http://www.trimmelterhof.de/foren/radyserb.html.
Schau halt mal im Quelltext; die Zuordnung der DIV's machst Du über ID oder CLASS in einer CSS-Datei. Der Einfachkeit halber habe ich es jetzt mit 'style=' im DIV-Tag hinein geschrieben...

Ich meine, es ist die bessere Alternative denn Tabellen sind eigentlich nicht für's Layouten gedacht :wink:

Getestet mit IE, Opera und Mozilla

Conny
amethyst
Danke Conny, das ist natürlich die elegantere und bessere Lösung. Für CSS Neulinge, wie mich, gibt es aber ein Problem beim Quelltext. Welche Zahl bedeutet was? ;-))

QUELLTEXT
Padding: 20px 80px 50px 300px;


Und noch eine Frage zu DIV-Containern: Setzen die sich untereinander/nebeneinander ohne dass ich die Pixel vom Rand angeben muss?

Ich hab das auf einer Seite mal mit boxen ausprobiert und da ging nichts ohne genaue Pixelangaben, wenn Du Lust und Zeit hast und gerade nichts besseres zu tun ;-)) dann schau doch bitte da mal rein.

www.ironia.privat.t-online.de

Ich wünsch Dir einen schönen und nicht so stürmischen Sonntag

Amethyst
Conny
ZITAT
...
QUELLTEXT
Padding: 20px 80px 50px 300px;


Und noch eine Frage zu DIV-Containern: Setzen die sich untereinander/nebeneinander ohne dass ich die Pixel vom Rand angeben muss?


Hi,
Zu Padding -auch aber gültig bei MARGIN usw.- Die Zahlenfolge ist IMMER: Top, Rechts, Unten, Links. (Oben anfangen und im Uhrzeigersinn)

Div Boxen nebeneinander bekommst Du mit FLOAT.
<DIV STYLE="float: left;"> Heißt soviel wie am linken Rand ausgerichtet ein Zweiter DIV wird sich also rechts daneben Positionieren.

Ja, bei gelegenheid werde ich mal reinschauen.... (Versprochen)

<Edit>
War doch zu neugierig...
Irre!
Ganz Deiner Meinung, gut geschrieben, dickes Lob biggrin.gif .
Was HTML und co angeht brauche ich mehr Zeit, da Melde ich mich später noch einmal...
amethyst
Danke Conny, das hilft mir sehr, vor allem die Zahlenfolge, ich hab nämlich mit meiner Seite, den Menüs und Netscape ein Problem und ich vermute, dass ich da mit der Zahlenfolge Mist gebaut hab, was den IE scheinbar nicht interessiert ;-))

Gruß
Uschi
Conny
Hallo Uschi,
habe mir den Quelltext angeschaut, ist doch alles okay!
Sind DIV-Boxen drin, teilweise mit Tabelle kombiniert, mache ich aber auch und ist imho alles im Grünen Bereich.

Eine kleinigkeit habe ich denn doch gefunden: Deine CSS-Datei ist nicht ganz Regelkonform (CSS-Level2) und zwar #box1 die ganze Scrollbargeschichte -Taugt ja eh nur beim IE, aber das wußtest Du sicherlich schon :wink: -
Weiter bei H3, nicht font-color:#0748E0;

cu
Conny
radyserb
Hallo Uschi, Hallo Conny,
herzlichen Dank für Eure Bemühungen. Besonders die DIV-Beispieldatei war sehr sehr hilfreich!
Dieses ist eine vereinfachte Darstellung unseres Foreninhaltes. Um die detaillierte Vollansicht mit Formatierung und Bildern zu betrachten, bitte hier klicken.
Invision Power Board © 2001-2012 Invision Power Services, Inc.