vertikale Ausrichtung

[Helmut]

Hallo Leute.

Ich möchte, dass mein HTML Seiteninhalt immer vertikal center dargestellt wird, egal welche Auflösung oder welcher Inhalt. Wie geht das am besten?

[Christoph Schnauß]

hallo Helmut,

Ich möchte, dass mein HTML Seiteninhalt immer vertikal center dargestellt wird, egal welche Auflösung oder welcher Inhalt. Wie geht das am besten?

was hältst du davon, ein bißchen in SELFHTML zu lesen, um zu erfahren, wie das geht?

Grüße

Christoph S.

[Helmut]

Mache ich schon den ganzen Tag, mir fehlt nur der Link.

Gruß.
Helmut

[Orlando]

Hi

Mache ich schon den ganzen Tag, mir fehlt nur der Link.

http://selfhtml.teamone.de/css/eigenschaften/ausrichtung.htm#vertical_align

PS: http://selfsuche.teamone.de/

LG Orlando

--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html

[Helmut]

Mein Problem:  3 Bilder mit Untertitel. Ich schaffe es zwar alles mittig auszurichten aber ich habe mir das dynamisch anders vorgestellt. Die Bilder sollen zwar genau mittig nebeneinander positioniert sein, aber immer mit dem passenden Untertitel. Dazu finde ich leider nichts. Ausprobiert habe ich auch schon allerhand

Ich will das die Bilder dynamisch mit der Größe der Seite nebeneinander vertikal und horizontal mittig stehen (das schaffe ich noch) aber direkt darunter soll der passende Untertitel stehen.

Gruß.
Helmut

[Orlando]

Hi,

Ich will das die Bilder dynamisch mit der Größe der Seite nebeneinander vertikal und horizontal mittig stehen (das schaffe ich noch) aber direkt darunter soll der passende Untertitel stehen.

<div style="width:410px; margin-left:auto; margin-right:auto;">

<div style="width:100px; float:right; text-align:center;">
  <img src="test.gif" width="100" height="100" alt="" title="" /><p>Beschreibung</p>
 </div>

<div style="width:200px; float:right; text-align:center;">
  <img src="test.gif" width="200" height="100" alt="" title="" /><p>Beschreibung</p>
 </div>

<div style="width:100px; float:right; text-align:center;">
  <img src="test.gif" width="100" height="100" alt="" title="" /><p>Beschreibung</p>
 </div>

</div>

Damit solltest du weiterarbeiten können.

LG Orlando

--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html

[Helmut]

Hallo Orlando.

Danke für Deine Hilfe!

Ich habe jetzt versucht mit kombi aus div und table das hinzukriegen.
Leider ist mir der Abstand zwischen den Bildern zu groß. Kann man den schmälern?

<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
 <tr>
 <td align="center" valign="middle"><div style="width:90px; float:center; text-align:center;">
  <a href="images/maria1a.jpg" onclick="plainWindow4();return false;" target="_blank">
  <img src="images/maria1.jpg" width="90" height="113" alt="images/maria1a.jpg" title="Bild vergr&#246;ssern"/>
  </a><p align="center"><a href="maria.htm" name="maria" title="Mein Profil">Maria</a> oder</p>
 </div></td>

<td align="center" valign="middle"><div style="width:100px; float:center; text-align:center;">
  <a href="images/juliaa.jpg" onclick="plainWindow2();return false;" target="_blank">
  <img src="images/julia.jpg" width="100" heigth="100" alt="images/julia2a.jpg" title="Bild vergr&#246;ssern"/>
  </a><p align="center"><a href="julia.htm" name="julia" title="Mein Profil">Julia</a> oder</p>
 </div></td>

<td valign="middle" align="center"><div style="width:85px; float:center; text-align:center;">
  <a href="images/helmut1.jpg" onclick="plainWindow5();return false;" target="_blank">
  <img src="images/helmut2.jpg" width="85" height="122" alt="images/helmut1.jpg" title="Bild vergr&#246;ssern"/>
  </a><p align="center"><a href="helmut.htm" name="helmut" title="Mein Profil">Helmut</a> Kuhn</p>
 </div></td>
 </TR>
</TABLE>

Gruß.
Helmut

[Orlando]

Hi Helmut,

Ich habe jetzt versucht mit kombi aus div und table das hinzukriegen.

wenn du ohnehin eine Tabelle verwendest, kannst du die DIVs weglassen.

Leider ist mir der Abstand zwischen den Bildern zu groß. Kann man den schmälern?

Du kannst in den Zellen den Innenabstand mit padding: (siehe http://selfhtml.teamone.de/css/eigenschaften/innenabstand.htm) verändern und konventionell eine Breite angeben.

LG Orlando

--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html

[Christoph Schnauß]

hi,

Mache ich schon den ganzen Tag, mir fehlt nur der Link.

och, links gibts da viele ;-)
das einfachste für dein "Problem" ist möglicherweise, den gesamten Seiteninhalt in ein DIV zu packen und mittig zu zentrieren

Grüße

Christoph S.

[Helmut]

Mein Problem:  3 Bilder mit Untertitel. Ich schaffe es zwar alles mittig auszurichten aber ich habe mir das dynamisch anders vorgestellt. Die Bilder sollen zwar genau mittig nebeneinander positioniert sein, aber immer mit dem passenden Untertitel. Dazu finde ich leider nichts. Ausprobiert habe ich auch schon allerhand

Ich will das die Bilder dynamisch mit der Größe der Seite nebeneinander vertikal und horizontal mittig stehen (das schaffe ich noch) aber direkt darunter soll der passende Untertitel stehen.

Gruß.
Helmut

[Mike Roth]

Hi Helumt,

Ich möchte, dass mein HTML Seiteninhalt immer vertikal center dargestellt wird, egal welche Auflösung oder welcher Inhalt. Wie geht das am besten?

Leider gibt es keinen Link wo man sich das mal anschauen könnte.

Ich denke mal, das dich eine Tabelle an's Ziel bringt.
  --------------------------
 |        |        |        |
 |  Bild1 |  Bild2 | Bild3  |
 |        |        |        |
 |--------+--------+--------|
 | Titel1 | Titel2 | Titel3 |
  --------------------------

Gruß
Mike