✔ Bild in Div vertikal zentrieren

C

crsakawolf

Erfahrenes Mitglied
Hi,

falls jemand ein Thema findet, benötige ich nur den Link, ich habe leider Nix gefunden :/

Ich poste mal den Code (ist in JAva eingebunden :/)

Code: 
bild_inhalt.setAttribute("style","position:fixed;width:100%;height:100%;border:1px solid red;z-index:5;text-align:center;vertical-align:center;",0);
        bild_inhalt.setAttribute("onClick","javascript:clear_div();",0);
        bild_inhalt.innerHTML = "<img valign='center' src='" + bild_link + "' onClick='javascript:clear_div()' style='display:inline; vertical-align:middle;border:10px solid #e1e1e1;max-width:" + box_Width + "px; max-height:" + box_height + "px'></div>";

also

HTML: 
<div style="position:fixed;width:100%;height:100%;border:1px solid red;z-index:5;text-align:center;vertical-align:center;">
  <img valign='center' src='xyz' onClick='javascript:clear_div()' style='display:inline; vertical-align:middle;border:10px solid #e1e1e1;max-width:80%derAuflösungpx; max-height:80%derAuflösung'></div>
</div>


Zum Problem.

Ich möchte gerne das Bild Vertical in dem DIV zentrieren.
Horizontal klappt es bereits.

Der Div erstreckt sich über den Ganzen Screen. Jedoch wird das bild leider nicht mittig angezeigt.
Hat jmd eine Idee?

Vielen Dank.
 
Hi.
crsakawolf hat gesagt.:
falls jemand ein Thema findet, benötige ich nur den Link, ich habe leider Nix gefunden :/
Zum Vergrößern anklicken....
Ah ja, und wonach hast du konkret gezielt gesucht?

Mit genau deinem gewählten Wortlaut deines Themenbetreffs als Suchbegriff finde ich hier im CSS-Forum ausreichend Themen, die deine Frage schon erörtert haben, und in denen der Link zum Lösungsbeispiel genannt wird:

  1. http://www.tutorials.de/forum/css/358221-halbflexibles-layout.html#post1856013
  2. http://www.tutorials.de/forum/css/345720-overflow-hidden-wirkt-nicht.html#post1790658
  3. http://www.tutorials.de/forum/css/341818-bild-div-zentrieren.html#post1767723
  4. http://www.tutorials.de/forum/css/330427-background-soll-propertion-behalten.html#post1708212
  5. http://www.tutorials.de/forum/css/314997-bild-div-container-vertikal-positionieren.html#post1625016
  6. usw.

crsakawolf hat gesagt.:
Ich poste mal den Code (ist in JAva eingebunden :/)

Code: 
bild_inhalt.setAttribute("style","position:fixed;width:100%;height:100%;border:1px solid red;z-index:5;text-align:center;vertical-align:center;",0);
        bild_inhalt.setAttribute("onClick","javascript:clear_div();",0);
        bild_inhalt.innerHTML = "<img valign='center' src='" + bild_link + "' onClick='javascript:clear_div()' style='display:inline; vertical-align:middle;border:10px solid #e1e1e1;max-width:" + box_Width + "px; max-height:" + box_height + "px'></div>";
Zum Vergrößern anklicken....
Das ist Javascript und nicht Java, und diese beiden Sprachen haben soviel gemeinsam wie Eishockey und Feldhockey.

mfg Maik
 
Noch ein Nachtrag zu den Beiträgen meiner Vorredner.

Johnny B Good hat gesagt.:
align="center"

http://de.selfhtml.org/html/tabellen/anzeige/align_valign.htm..in diesem Beispiel gehts zwar um ne Tabelle, aber ist ein Universalattribut, dass auch für div-Boxen gilt!
Zum Vergrößern anklicken....
Hier ist die vertikale Zentrierung gefragt, die mit align="center" definitiv nicht erzielt wird.

Und das HTML-Attribut valign zählt nicht zu den Universalattributen, die für das <div>-Element zur Verfügung stehen - siehe http://de.selfhtml.org/html/referenz/attribute.htm#div.

tobee hat gesagt.:
Soweit ich weiß geht das nur bei Tabellen.
Zum Vergrößern anklicken....
Siehe mein letzter Post.

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück