vertical-align:middle will nicht

dr. orange · 12. Okt. 2005

Hallo!

Ich habe mit Word ein Dokument erstellt und es als HTML exportiert. Dabei habe ich nicht "HTML gefiltert" gewählt. Es ist in der Datei eine Formel vorhanden.

Nun möchte ich, dass der Inhalt gewisser Zellen, wenn nötig halt auch aller Zellen, vertikal in der Mitte positioniert wird. Dafür habe ich ein kleines CSS Sheet angefertigt:

<style type="text/css">
.center { vertical-align:middle; }
</style>

Doch es klappt weder mit diesem Sheet, noch wenn ich <span> verwende:

<span " style='vertical-align:middle;'>

Wie kriege ich den Ihnalt vertikal in die Mitte?

Danke für jeden hilfreichen Beitrag

dkdenz · 12. Okt. 2005

http://www.css4you.de/vertical-align.html

dr. orange · 13. Okt. 2005

hahahahaha!!!!

es scheint wohl so zu sein wie bei Yamahas NS10 Studiomonitoren: Der IE ist Standart weil er der gemeinsame Nenner aller Browser ist, sprich am wenigsten kann.. :whacky: :whacky: :whacky:

dkdenz · 13. Okt. 2005

Könntest Du mal präziser werden?

Ansonsten gilt das hier:
http://www.standart.de.gg/

dr. orange · 13. Okt. 2005

präziser und unmissverstäntlich: IE ist scheisse aber trotzdem StandarD

dkdenz · 13. Okt. 2005

Kannst Du mal den Quelltext des Problems posten?

dr. orange · 13. Okt. 2005

natürlich, aber da IE vertical-align:middlegar nicht erst unterstützt macht es doch keinen Sinn mehr, da lange herum zu hantieren?

deswegen fluchte ich oben über den IE, und ich denke dafür hast du mir doch den Link gegeben, damit ich sehe dass IE den Befehl nicht unterstützt?

dkdenz · 13. Okt. 2005

Falsch!
IE 5.5 und 6 unterstützen das!
Deswegen meine Frage nach dem QT.
Eventuell hast Du da ja einen syntaktischen Bug drinnen.

dr. orange · 13. Okt. 2005

hier ein Ausschnitt des Codes:

<body>
[...]
<td width=374 style='width:280.55pt;padding:0pt 5.4pt 0pt 5.4pt;'><p style='cursor

ointer' onClick="window.open(Datei.odf','Bez.','height=' + (screen.availHeight - 38) + ', width=' + (screen.availWidth - (valx + 12)) + ', top=0,left=' + (valx) + ',scrollbars=yes,resizable=yes')"><span style='vertical-align:middle;font-size:14.0pt;color=#333399;font-family:Symbol;'>·</span><span style='font-size:14.0pt;font-family:Arial;color:#333399'>Masten & Sockel</span></p>
</td>
[...]
</body>

(natürlich liesse sich der Code optimieren, aber seit Pentium merkt man das eh nicht mehr...)

dies ist der jetzige Zustand, vorher hatte ich die Stylesheet-Variante gehabt:

<head>
<style type="text/css">
.center { vertical-align:middle; }
</style>
</head><body>
<td width=374 class="center"/class='center'/class='center;'/class="center;"*
</body>

*hab diese Varianten versucht

dr. orange · 14. Okt. 2005

Kann mir nicht jemand helfèn? Heute ist wahrscheinlich mein letzter Arbeitstag hier...

dkdenz · 14. Okt. 2005

Schonmal hiermit probiert?
<td width="374" valign="middle"...

jeko · 14. Okt. 2005

Code:

 <td width=374 style='width:280.55pt;padding:0pt 5.4pt 0pt 5.4pt;'>

Wieso zweimal "width"? Mach das width=374 raus. Und versuch am besten mit Pixeln zu arbeiten.

Und die Klasse solltest du so angeben

Code:

class="center"

Ansonsten seh ich beim ersten Blick nichts auffälliges.

dreamer · 14. Okt. 2005

Kann es ein dass du die Tabelle eine Klasse zugewiesen hast und die Zelle eine anderer Klasse, diese zweite Klasse aber keine Unterklasse der ersten ist?

Welches der folgenden Stylesheets ähnelt deins am meisen?

HTML:

table.Klasse1 {}
.Klasse2 {vertical-align:middle;}

HTML:

table.Klasse1 {}
table.Klasse1 td.Klasse2 {vertical-align:middle;}

dkdenz · 14. Okt. 2005

Ich blicke da eh nicht durch, was Du machen willst...
Du bist Dir sicher, das Du den Inhalt vertikal zentriert haben willst?
Nicht horizontal?
Ansonsten wäre mal ein vernüftiger Quelltext vorteilhaft.
Mit Deinen Snippets kann man nicht wirklich viel anfangen...

dr. orange · 14. Okt. 2005

Danke vielmals für eure Antworten! :grin:

@dkdenz: ja, ich habe schon valign="middle" ausprobiert, komisch dass es sich im oberen Code nicht befindet...

@jeko: Word hat das meinem HTML Code angetan

, aber ich werde es herausnehmen.

@dreamer Ich habe zum einen die Zellen und zum anderen die gesamte Tabelle derselben CSS Stylesheet zugewiesen.

Vielleicht befindet sich im Header etwas, was stören könnte. Word hat da so richtig gewütet. Ich habe die HTML Datei in Word geöffnet und leicht etwas geändert, am Schluss war es ein Schlachtfeld :whacky:

Hier der Code:

Code:

<head>
 <o:DocumentProperties>
  <o:Author>Salvatore Mastroianni</o:Author>
  <o:LastAuthor>Salvatore Mastroianni</o:LastAuthor>
  <o:Revision>2</o:Revision>
  <o:TotalTime>0</o:TotalTime>
  <o:Created>2005-10-05T08:06:00Z</o:Created>
  <o:LastSaved>2005-10-05T08:06:00Z</o:LastSaved>
  <o:Pages>1</o:Pages>
  <o:Words>112</o:Words>
  <o:Characters>710</o:Characters>
  <o:Company>Axpo</o:Company>
  <o:Lines>5</o:Lines>
  <o:Paragraphs>1</o:Paragraphs>
  <o:CharactersWithSpaces>821</o:CharactersWithSpaces>
  <o:Version>10.6735</o:Version>
 </o:DocumentProperties>
 <o:OfficeDocumentSettings>
  <o:AllowPNG/>
 </o:OfficeDocumentSettings>
</xml><![endif]--><!--[if gte mso 9]><xml>
 <w:WordDocument>
  <w:Zoom>BestFit</w:Zoom>
  <w:HyphenationZone>21</w:HyphenationZone>
  <w:Compatibility>
   <w:BreakWrappedTables/>
   <w:SnapToGridInCell/>
   <w:WrapTextWithPunct/>
   <w:UseAsianBreakRules/>
   <w:UseFELayout/>
  </w:Compatibility>
  <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
 </w:WordDocument>
</xml><![endif]-->
<style>
<!--
z-Index:2;
position:absolute;
left:0px;
top:0px;
border:none;

 /* Font Definitions */
 @font-face
	{font-family:"MS Mincho";
	panose-1:2 2 6 9 4 2 5 8 3 4;
	mso-font-alt:"\FF2D\FF33 \660E\671D";
	mso-font-charset:128;
	mso-generic-font-family:modern;
	mso-font-pitch:fixed;
	mso-font-signature:-
         10612033 1757936891 16 0 131231 0;}
@font-face
	{font-family:"\@MS Mincho";
	panose-1:2 2 6 9 4 2 5 8 3 4;
	mso-font-charset:128;
	mso-generic-font-family:modern;
	mso-font-pitch:fixed;
	mso-font-signature:-1610612033 1757936891 16 0 131231 0;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{mso-style-parent:"";
	margin:0pt;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:11.0pt;
	mso-bidi-font-size:12.0pt;
	font-family:Arial;
	mso-fareast-font-family:"MS Mincho";
	mso-bidi-font-family:"Times New Roman";}
a:link, span.MsoHyperlink
	{color:blue;
	mso-text-animation:none;
	text-decoration:none;
	text-underline:none;
	text-decoration:none;
	text-line-through:none;}
a:visited, span.MsoHyperlinkFollowed
	{color:#606420;
	mso-text-animation:none;
	text-decoration:none;
	text-underline:none;
	text-decoration:none;
	text-line-through:none;}
p
	{mso-margin-top-alt:auto;
	margin-right:0pt;
	mso-margin-bottom-alt:auto;
	margin-left:0pt;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"MS Mincho";}
@page Section1
	{size:595.3pt 841.9pt;
	margin:70.85pt 70.85pt 56.7pt 70.85pt;
	mso-header-margin:35.4pt;
	mso-footer-margin:35.4pt;
	mso-paper-source:0;}
div.Section1
	{page:Section1;}
-->
</style>
<!--[if gte mso 10]>
<style>
 /* Style Definitions */
 table.MsoNormalTable
	{mso-style-name:"Normale Tabelle";
	mso-tstyle-rowband-size:0;
	mso-tstyle-colband-size:0;
	mso-style-noshow:yes;
	mso-style-parent:"";
	mso-padding-alt:0pt 5.4pt 0pt 5.4pt;
	mso-para-margin:0pt;
	mso-para-margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:10.0pt;
	font-family:"Times New Roman";}
table.MsoTableGrid
	{mso-style-name:Tabellengitternetz;
	mso-tstyle-rowband-size:0;
	mso-tstyle-colband-size:0;
	border:solid windowtext 1.0pt;
	mso-border-alt:solid windowtext .5pt;
	mso-padding-alt:0pt 5.4pt 0pt 5.4pt;
	mso-border-insideh:.5pt solid windowtext;
	mso-border-insidev:.5pt solid windowtext;
	mso-para-margin:0pt;
	mso-para-margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:10.0pt;
	font-family:"Times New Roman";}
</style>
<![endif]--><!--[if gte mso 9]><xml>
 <o:shapedefaults v:ext="edit" spidmax="52226"/>
</xml><![endif]--><!--[if gte mso 9]><xml>
 <o:shapelayout v:ext="edit">
  <o:idmap v:ext="edit" data="1"/>
 </o:shapelayout></xml><![endif]-->
</head>

Ich konnte aber nichts finden, das auf die Position des Textes innerhalb einer Zelle hinweist...

dr. orange · 14. Okt. 2005

dkdenz schrieb:
Ich blicke da eh nicht durch, was Du machen willst...
Du bist Dir sicher, das Du den Inhalt vertikal zentriert haben willst?
Nicht horizontal?

ja, ganz bestimmt. horizontal zentriert

dkdenz schrieb:
Ansonsten wäre mal ein vernüftiger Quelltext vorteilhaft.
Mit Deinen Snippets kann man nicht wirklich viel anfangen...

da hast du recht. und was vorher in der tabelle noch entfernt nach Ordnung aussah, das hat Word in ein Chaos verwandelt...

dkdenz · 14. Okt. 2005

Ich gebe auf...

http://forum.jswelt.de/showthread.php?t=26808

Nur mal so nebenbei: mit Word Dateien als HTML zu exportieren ist nicht wirklich eine gute Idee...

RoyalKnight · 14. Okt. 2005

dkdenz schrieb:
Nur mal so nebenbei: mit Word Dateien als HTML zu exportieren ist nicht wirklich eine gute Idee...

Ich habs auch gemacht, sieht gar nichtmal so schlecht aus: http://www.zone.ac/

dkdenz · 14. Okt. 2005

RoyalKnight schrieb:
Ich habs auch gemacht, sieht gar nichtmal so schlecht aus: http://www.zone.ac/

Joh, wenn man's kann...

dr. orange · 25. Okt. 2005

dkdent

vertical-align:middle will nicht

New member

New member

New member

New member

New member

New member

New member

New member

New member

New member

New member

Lounge-Member

New member

New member

New member

New member

New member

New member

New member

New member