Problem bei Style margin in IE

miro · 24. Jan. 2010

hallo

Ich kann kein Fehler finden …. und doch funktioniert nicht so wie ich mir das vorgestellt habe in Mozilla funktionieren die Kapitel Nummer
bei IE ist es verschoben … wie kann ich das besser machen .
ich sende alles damit man alles sehen kann

Danke für Vorschläge und Hilfe

Gruß
miro

HTML:

[TABLE]

[TR]

[td] 
[B]Kapitel:[/B][/td]

[LEFT][td][LEFT][I]
[URL='https://finale.freesoft-board.to/genesis-01.htm'] 1.[/URL]
[URL='https://finale.freesoft-board.to/genesis-02.htm'] 2.[/URL]
[URL='https://finale.freesoft-board.to/genesis-03.htm'] 3.[/URL]
[URL='https://finale.freesoft-board.to/genesis-04.htm'] 4.[/URL]
[URL='https://finale.freesoft-board.to/genesis-05.htm'] 5.[/URL]
[URL='https://finale.freesoft-board.to/genesis-06.htm'] 6.[/URL]
[URL='https://finale.freesoft-board.to/genesis-07.htm'] 7.[/URL]
[URL='https://finale.freesoft-board.to/genesis-08.htm'] 8.[/URL]
[URL='https://finale.freesoft-board.to/genesis-09.htm'] 9.[/URL]
[URL='https://finale.freesoft-board.to/genesis-10.htm'] 10.[/URL]
[URL='https://finale.freesoft-board.to/genesis-11.htm'] 11.[/URL]
[URL='https://finale.freesoft-board.to/genesis-12.htm'] 12.[/URL]
[URL='https://finale.freesoft-board.to/genesis-13.htm'] 13.[/URL]
[URL='https://finale.freesoft-board.to/genesis-14.htm'] 14.[/URL]
[URL='https://finale.freesoft-board.to/genesis-15.htm'] 15.[/URL] 
[URL='https://finale.freesoft-board.to/genesis-16.htm'] 16.[/URL]
[URL='https://finale.freesoft-board.to/genesis-17.htm'] 17.[/URL]
[URL='https://finale.freesoft-board.to/genesis-18.htm'] 18.[/URL]
[URL='https://finale.freesoft-board.to/genesis-19.htm'] 19.[/URL]
[URL='https://finale.freesoft-board.to/genesis-20.htm'] 20.[/URL]
[URL='https://finale.freesoft-board.to/genesis-21.htm'] 21.[/URL]
[URL='https://finale.freesoft-board.to/genesis-22.htm'] 22.[/URL]
[URL='https://finale.freesoft-board.to/genesis-23.htm'] 23.[/URL]
[URL='https://finale.freesoft-board.to/genesis-24.htm'] 24.[/URL]
[URL='https://finale.freesoft-board.to/genesis-25.htm'] 25.[/URL]
[URL='https://finale.freesoft-board.to/genesis-26.htm'] 26.[/URL]
[URL='https://finale.freesoft-board.to/genesis-27.htm'] 27.[/URL]
[URL='https://finale.freesoft-board.to/genesis-28.htm'] 28.[/URL]
[URL='https://finale.freesoft-board.to/genesis-29.htm'] 29.[/URL]
[URL='https://finale.freesoft-board.to/genesis-30.htm'] 30.[/URL]
[URL='https://finale.freesoft-board.to/genesis-31.htm'] 31.[/URL]
[URL='https://finale.freesoft-board.to/genesis-32.htm'] 32.[/URL]
[URL='https://finale.freesoft-board.to/genesis-33.htm'] 33.[/URL]
[URL='https://finale.freesoft-board.to/genesis-34.htm'] 34.[/URL]
[URL='https://finale.freesoft-board.to/genesis-35.htm'] 35.[/URL]
[URL='https://finale.freesoft-board.to/genesis-36.htm'] 36.[/URL]
[URL='https://finale.freesoft-board.to/genesis-37.htm'] 37.[/URL]
[URL='https://finale.freesoft-board.to/genesis-38.htm'] 38.[/URL]
[URL='https://finale.freesoft-board.to/genesis-39.htm'] 39.[/URL]
[URL='https://finale.freesoft-board.to/genesis-40.htm'] 40.[/URL]
[URL='https://finale.freesoft-board.to/genesis-41.htm'] 41.[/URL]
[URL='https://finale.freesoft-board.to/genesis-42.htm'] 42.[/URL]
[URL='https://finale.freesoft-board.to/genesis-43.htm'] 43.[/URL]
[URL='https://finale.freesoft-board.to/genesis-44.htm'] 44.[/URL]
[URL='https://finale.freesoft-board.to/genesis-45.htm'] 45.[/URL]
[URL='https://finale.freesoft-board.to/genesis-46.htm'] 46.[/URL]
[URL='https://finale.freesoft-board.to/genesis-47.htm'] 47.[/URL]
[URL='https://finale.freesoft-board.to/genesis-48.htm'] 48.[/URL]
[URL='https://finale.freesoft-board.to/genesis-49.htm'] 49.[/URL]
[URL='https://finale.freesoft-board.to/genesis-50.htm'] 50.[/URL] [/I] [/LEFT][/td][/LEFT]

[/TR]


[TR]

[td]
[B]Vers :[/B][/td]

[td] [I] 
[URL='https://finale.freesoft-board.to/#1'] 1.[/URL]
[URL='https://finale.freesoft-board.to/#2'] 2.[/URL]
[URL='https://finale.freesoft-board.to/#3'] 3.[/URL]
[URL='https://finale.freesoft-board.to/#4'] 4.[/URL]
[URL='https://finale.freesoft-board.to/#5'] 5.[/URL]
[URL='https://finale.freesoft-board.to/#6'] 6.[/URL]
[URL='https://finale.freesoft-board.to/#7'] 7.[/URL]
[URL='https://finale.freesoft-board.to/#8'] 8.[/URL]
[URL='https://finale.freesoft-board.to/#9'] 9.[/URL]
[URL='https://finale.freesoft-board.to/#10'] 10.[/URL]
[URL='https://finale.freesoft-board.to/#11'] 11.[/URL]
[URL='https://finale.freesoft-board.to/#12'] 12.[/URL]
[URL='https://finale.freesoft-board.to/#13'] 13.[/URL]
[URL='https://finale.freesoft-board.to/#14'] 14.[/URL]
[URL='https://finale.freesoft-board.to/#15'] 15.[/URL]
[URL='https://finale.freesoft-board.to/#16'] 16.[/URL]
[URL='https://finale.freesoft-board.to/#17'] 17.[/URL]
[URL='https://finale.freesoft-board.to/#18'] 18.[/URL]
[URL='https://finale.freesoft-board.to/#19'] 19.[/URL]
[URL='https://finale.freesoft-board.to/#20'] 20.[/URL]
[URL='https://finale.freesoft-board.to/#21'] 21.[/URL]
[URL='https://finale.freesoft-board.to/#22'] 22.[/URL]
[URL='https://finale.freesoft-board.to/#23'] 23.[/URL]
[URL='https://finale.freesoft-board.to/#24'] 24.[/URL]
[URL='https://finale.freesoft-board.to/#25'] 25.[/URL]
[URL='https://finale.freesoft-board.to/#26'] 26.[/URL]
[URL='https://finale.freesoft-board.to/#27'] 27.[/URL]
[URL='https://finale.freesoft-board.to/#28'] 28.[/URL]
[URL='https://finale.freesoft-board.to/#29'] 29.[/URL]
[URL='https://finale.freesoft-board.to/#30'] 30.[/URL]
[URL='https://finale.freesoft-board.to/#31'] 31.[/URL][/I]
[/td]

[/TR]

[/TABLE]

Shadowww · 24. Jan. 2010

Sag mal genau, wo das Problem liegt. Ich kann nämlich keinen Unterschied feststellen zwischen IE, FF und Opera.

Guckstdu hier

miro · 24. Jan. 2010

hallo Shadowww

Ja ich habe gesehen deine Bilder

Bei mir in Mozilla Firefox v.3.5.7 sind die zahlen 1 von Kapitel und Vers 1 schön untereinander ausgerichtet.

bei IE sehet bei mir so wie auf deinen Bilder … die 1-ser sind versetzt.
ich verstehe nicht warum … vor allem weil bei der Class .margin1 { margin-left: -3px; } musste ich -3 setzen für eine Ausrichtung …
IE kann ich die Zahlen nicht ausrichten

das ist mein Problem

Gruß
miro

Broken Sword · 25. Jan. 2010

Hi,
warum machst du es sooooo umständlich? Warum für jede Zahl eine Zelle?
Wenn schon Tabellen, mach es doch einfach so:

Code:

[TABLE]

[TR]

[td]Kapitel:[/td]
[td]Die ganzen Zahlen hintereinander[/td]
[/TR]

[TR]

[td]Vers:[/td]
[td]Die ganzen Zahlen hintereinander[/td]
[/TR]

[/TABLE]

btw. IDs dürfen nur einmalig im Code vorkommen (Darum heißen die auch IDs) Klassen mehrmals

Gruß
Broken Sword

miro · 25. Jan. 2010

hallo Broken Sword

danke für deinen Vorschlag.
ich habe mein Code in ersten Tread verändert
(wäre es zu blöd nochmals hier zu Posten ) nach deiner Vorschlag …
Aber …
leider kann ich die zahlen nicht richtig ausrichten …

Gibt den da eine Möglichkeit die Zahlen untereinader auszurichten ?

Gruß und danke in voraus

Miro

Broken Sword · 25. Jan. 2010

Hi,
wichtig dabei ist, dass die Klasse .kab und die ID #tab1 eine feste Weite hat (Bsp "width:100px" für kab und "width:800px" für #tab1) Sonst gibts keinen Zeilenumbruch. Desweiteren sind die Leerzeichen vor den einzelnen Zahlen unnütz. Benutze dafür lieber "padding-left:2px" für den a-Tag. (So kannst du das bei allen mit einem Klick ändern)

Gruß
Broken Sword

miro · 25. Jan. 2010

hallo Broken Sword

Danke für deine Unterstützung Broken Sword.
Aber … ich weis nicht weiter …
ich habe alle deiner Vorschläge ausprobiert und
der Code hat sich zwar verfeinert, keiner geworden und besser zu pflegen geworden, aber der „Fehler “
besteht wie davor … ohne jegliche Veränderung
nach deinem letzten Vorschlag Zwar die Zeile wird umgebrochen aber die lösung ist immer noch nicht in sicht.
das heißt die 2 und 3 Zeile (in td’s) sind ausgerichtet, aber die 1 mit der 2 Zeile ist nicht ausgerichtet. Die erste Zeile macht was sie will ….
Ich nehme an, das Zahlen 1 bis 9 haben andere breite als von 11 bis 99 …
und bei 100 würden sich bestimmt alle 99 Zahlen wieder verschieben.

ich habe meine Code ober wieder upgedate damit du sehen kanst was ich geändert habe und ob das in deinem Sinne war .
hast du noch ne Idee ?

Danke
Gruß
miro

Broken Sword · 25. Jan. 2010

Hi,
jetzt ist es nur noch ein kleiner Fehler

Die erste Zahl darf kein padding haben. Sprich entweder du entwirst eine neue Klasse für den a-Tag der "1" oder packst das Attribut style="padding:0" in diesen.

Gruß
Broken Sword

miro · 26. Jan. 2010

hi

schön das Du noch Ideen hast .... smile aber
ich glaub dass ich dich vielleicht nicht verstanden habe ....
ich habe folgendes versucht :

Code:

[TABLE]

[TR]

[td] 
Kapitel:[/td]

[LEFT][td][LEFT]

1.
2.
3.

-------------------------------------------

a:first-child { padding: 0px}

hat zwar die 1 ausgerichtet aber die 2 bis 9 spielen verrückt wie vorhier
Ne frage warum musst nur die "1" auf padding=0 px gesetzt werden, was ist mit 2 bis 9 ?
wie sollen sie sich ausrichten ?

---------------------------------------------

mach ich so :

Code:

1.
2.

kann ich die 2 auch nicht ausrichten ....

oder mach ich jetzt alles falsch ?

Gruß
miro[/LEFT][/td][/LEFT]
[/TR]
[/TABLE]

Broken Sword · 26. Jan. 2010

Hi,
tut mir leid, da habe ich dich falsch verstanden ^^"
Du willst, dass die ganzen Zahlen die selbe Weite haben, so geordnet aussehen... Das habe ich gerade echt nicht geblickt. Dachte, es ginge um die ersten Ziffern untereinander. Sry.

Da machst du am besten a-Tag zu einem Block Element - dann kannst du eine Weite festsetzen.
Bsp.

Code:

a {
width:35px;
display:block;
float:left;
text-decoration:none;
}

Da du allerdings ein em-Tag um die Dinger hast und ein inline-Tag nicht vor einem block-Tag stehen kann, macht der IE da mucken. em-Tag muss also raus. Kann man ja auch in CSS gleich mit formatieren.

Code:

a {
width:35px;
display:block;
float:left;
text-decoration:none;
font-family:Helvetica, Arial, sans-serif;
font-size: 18px; 
}

So sind alle Zahlen gleich weit

Gruß
Broken Sword

miro · 26. Jan. 2010

hi Broken Sword

ja genau … so sind alle Zahlen gleich weit …

genau das habe ich gesucht ….
zwar mit dem a Tag konnte ich das nicht direkt machen den sonst würden alle a Tags betroffen, aber ich habe das als a Tag Klasse gelöst danke deiner Hilfe.

ich möchte mich bei dir Broken Sword herzlich bedanken,
für deine konsequente Hilfestellung.

Danke und

Schöne Grüße

Miro

Broken Sword · 26. Jan. 2010

Hi,
kein Problem, man hillft, wo man helfen kann.

btw. Du kannst die a-Tags auch eingrenzen:

Code:

#tab1 a {
}

Dann sind nur die a-Tags in der Tabelle #tab1 betroffen

btw², nächstes mal daran denken, das Präfix umzustellen - http://www.freesoft-board.to/f238/faq-wie-man-das-praefix-umstellt-248151.html

=> Closed

Gruß
Broken Sword

Problem bei Style margin in IE

Ähnliche Themen