zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Objekt zentrieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.03.2007, 00:29
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.11.2006
Beiträge: 32
radon befindet sich auf einem aufstrebenden Ast
Standard Objekt zentrieren

Hallo zusammen,

ich habe einen <div> dessen Inhalts zentriert werden soll.
Das (youtube) object zentriert's auch prima nicht aber den "Kommentar" (unterhalb des objects)

Wenn ich diesen als <p>kommentar</p> (mit gleicher Breite wie das object) einfüge, zeigt's der FF den Kommentar Block ganz links an. Der IE zentriert's.
hab's noch mit <span>kommentar</span> und display: inline-block versucht:
- IE zentriert das Feld problemlos, Box ist gleich gross wie das object
- FF zentriert den Text, die Box ist jedoch 100% breit

Vielen Dank.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.03.2007, 02:37
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.11.2006
Beiträge: 32
radon befindet sich auf einem aufstrebenden Ast
Daumen hoch Lösung

Wer lesen kann, ist klar im Vorteil
http://xhtmlforum.de/44442-elemente-...oz-inline.html

Ein UL rundherum wirkt.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.03.2007, 17:08
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.11.2006
Beiträge: 32
radon befindet sich auf einem aufstrebenden Ast
Standard Der Einfachheit halber

HTML
Code:
<ul class="videowrap">
<li>	
<a><object width="425" height="350"> video
</object>
<span>Kommentar dazu</span>
</a>
</li>
</ul>
Und CSS:
Code:
.videowrap {
display: inline-block;
text-align: center;
}
.videowrap li {
display: -moz-inline-box;  /* Moz */
display: inline-block;  /* Op, Saf, IE */
vertical-align: top;  /* IE Mac non capisce e a volte crea extra v space */
}
.videowrap a {
display: block
}
.videowrap a span {
display: block;
width: 425px;
w\idth: 425px; /* Moz */
}
Mit Zitat antworten
  #4 (permalink)  
Alt 16.03.2007, 21:58
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.820
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

Zitat:
ich habe einen <div> dessen Inhalts zentriert werden soll.
Wie hast du versucht, den Inhalt zu zentrieren? text-align: center; sollte da ausreichen und sich auch auf den Text innenliegender p-Elemente auswirken.

Wenn du das p-Element mit bestimmter Breite zentrieren willst, dann gib diesem links und rechts den Wert auto für margin.

Was hier alle mit inline-block haben verstehe ich nicht, diese Eigenschaft ist völlig nutzlos in diesem Zusammenhang. Nebenbei wäre aber für Geckos -moz-inline-block die bessere Alternative als -box, wobei aber beide Fehlerhaft sind.
__________________
Über Internet Explorer 8:
Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt.
Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt.
Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt.
Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard.
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
Mit setTimeout funktion im eigenen Objekt aufrufen PoWl Javascript & Ajax 5 11.05.2008 11:35
Bild vertikal zentrieren in Blockelement in IE nur m. TABLE AndreasB CSS 11 13.03.2006 18:05
Flash Objekt in div zentrieren Philippp CSS 7 07.10.2004 10:40
Container horiz. + vert. zentrieren, 2 eingeschlossene ab... Jessix CSS 4 10.07.2004 17:15
objekt mittig zentrieren nexus6 CSS 3 08.04.2004 23:20


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