zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden bilder vertikal in div zentrieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.03.2007, 17:45
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.03.2005
Beiträge: 68
schaf befindet sich auf einem aufstrebenden Ast
Standard bilder vertikal in div zentrieren

hallo!
ich habe diese seite mit folgendem code erstellt:
css:
Code:
.photo_container {
float:left;
margin:0 5px 10px 5px;
padding:0;
height:225px;
width:auto;}

.photo_div {
width:170px;
height:170px;
background-image: url(http://www.photocase.com/de/images/mediumthumbbg.gif);
display: table-cell;
text-align: center;
vertical-align:middle;}
html (für jedes photo ein photo_container)
Code:
<div class="photo_container">
    <div class="photo_div"><a href="/photos/show/3"><img alt="Thumb_flammen" src="/images/photos/thumb_flammen.jpg?1173649648" /></a></div>
    <div class="photo_data"><p>Flammen</p>
    <p><a href="/photos/destroy/3" onclick="if (confirm('Dieses Photo wirklich l&ouml;schen?')) { var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;f.submit(); };return false;">L&ouml;schen</a> | <a href="/photos/edit/3" onclick="var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;f.submit();return false;">Bearbeiten</a></div>
</div>
mein problem ist, dass die Photos nicht ganz in der mitte stehen der grauen umrandung stehen, was vor allem bei dem ganz rechts oben zu sehen ist.

hat jemand eine bessere lösung als meine hier?
mfg
flo
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.03.2007, 17:47
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

bitte im FAQ Thread nachlesen!
vertical-align greift nur auf Tabellenzellen und inline-Elemente (DIVs sind Blockelemente), siehe die Eigenschaften auf CSS 4 You - The Finest in Stylesheets.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 29.03.2007, 17:49
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.03.2005
Beiträge: 68
schaf befindet sich auf einem aufstrebenden Ast
Standard

deshalb habe ich auch display: table-cell;
außerdem stehen die photos onehin fast in der mitte, ich verstehe nur nicht warum eben nur fast
Mit Zitat antworten
  #4 (permalink)  
Alt 29.03.2007, 18:07
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Das ist die berühmte seltsame Lücke.
Mit Zitat antworten
  #5 (permalink)  
Alt 29.03.2007, 18:13
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.03.2005
Beiträge: 68
schaf befindet sich auf einem aufstrebenden Ast
Standard

kann man das irgendwie wegkriegen oder muss man damit leben?
Mit Zitat antworten
  #6 (permalink)  
Alt 29.03.2007, 18:14
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Soll ich dir den Link vorlesen?
Mit Zitat antworten
  #7 (permalink)  
Alt 29.03.2007, 21:09
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.03.2005
Beiträge: 68
schaf befindet sich auf einem aufstrebenden Ast
Standard

okay es funktioniert.
danke für den link!
lg
flo
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 17:53
Vertikal zentrieren in einem kleineren DIV Tacitus CSS 1 04.09.2010 01:29
Bild unbekannter Größe vertikal zentrieren xm22 CSS 8 16.10.2007 17:52
Gesamten Div Tag zentrieren, aber nicht den Inhalt ? schani CSS 1 02.11.2006 14:20
div dynamisch zentrieren amateur23 CSS 11 13.10.2006 13:02


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:48 Uhr.