Vertikale Ausrichtung eines Zellinhaltes Einstellungen

[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]

...

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 .
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!

[Google Bot]