Autor |
Nachricht |
mogwai
Threadersteller
Dabei seit: 13.10.2003
Ort: koeln
Alter: -
Geschlecht:
|
Verfasst Di 13.06.2006 15:52
Titel Probleme mit padding/margin auf Win |
|
|
Hallo,
erstelle meine Seiten auf dem Mac und muss sie natürlich auch für den Windows-User optimieren. Habe eine Textzeile, in der ich Wörter auf der rechten Seite von den linken wegrücken möchte, um eine bestimmte Pixelanzahl. Auf dem Mac klappt das browserübergreifend wenn ich einen <span>-tag "drumlege" und diesen mit style="padding-left:14px" versehe.
Auf dem Win-PC nicht, da "klatscht" er alles aneinander, zumindest im IE. Dasselbe passiert, wenn ich margin-left benutze.
Obwohl die Seite ohne Tabellen und größtenteils mit Hilfe von CSS formatiert ist, habe ich es gerade mit blind.gifs versucht :) Also welche "dazwischengehauen" und diesen die benötigte Breite gegeben. Auch das funktioniert nicht. Dann entstehen zwar Abstände, die auf dem Mac korrekt sind, auf dem Win-PC aber anders ausfallen...
??? Weiß da jemand Rat ???
Ich hoffe, ich hab mich verständlich ausgedrückt...
Danke für eure Hilfe...
...mogwai
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Di 13.06.2006 15:59
Titel
|
|
|
zeich mal code. glaskugel is für heute schon ausgemacht
|
|
|
|
|
Anzeige
|
|
|
mogwai
Threadersteller
Dabei seit: 13.10.2003
Ort: koeln
Alter: -
Geschlecht:
|
Verfasst Di 13.06.2006 16:07
Titel
|
|
|
Okay, war vielleicht etwas konfus :)
Vielleicht wird´s so klarer:
Die Version macht unterschiedliche "Abstände", was Win/Mac angeht...
<p>Linker Text <img src="../images/blind.gif" width="121px" height="1px" style="border:0px; margin:0px; padding:0px;">Rechter Text</p>
Komplett ignoriert wurden im IE/Win diese beiden Versionen:
<p>Linker Text <span style="padding-left:121px;" Rechter Text</span></p>
<p>Linker Text <span style="margin-left:121px;" Rechter Text</span></p>
Beste Grüße,
mogwai
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 13.06.2006 16:31
Titel
|
|
|
Naja, du hast das span nicht geschlossen:
Code: | <p>Linker Text <span style="margin-left:121px;">Rechter Text</span></p> |
|
|
|
|
|
mogwai
Threadersteller
Dabei seit: 13.10.2003
Ort: koeln
Alter: -
Geschlecht:
|
Verfasst Di 13.06.2006 16:37
Titel
|
|
|
Steh ich jetzt auf dem Schlauch?
Es ist doch geschlossen?! mit </span>?!
an sich zweifelnd, mogwai
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Di 13.06.2006 17:44
Titel
|
|
|
Zitat: | <p>Linker Text <img src="../images/blind.gif" width="121px" height="1px" style="border:0px; margin:0px; padding:0px;">Rechter Text</p>
Komplett ignoriert wurden im IE/Win diese beiden Versionen:
<p>Linker Text <span style="padding-left:121px;" Rechter Text</span></p>
<p>Linker Text <span style="margin-left:121px;" Rechter Text</span></p>
Beste Grüße,
mogwai |
mogwai hat geschrieben: | Steh ich jetzt auf dem Schlauch?
Es ist doch geschlossen?! mit </span>?!
an sich zweifelnd, mogwai |
öhm... nein?
->
<p>Linker Text <img src="../images/blind.gif" width="121px" height="1px" style="border:0px; margin:0px; padding:0px;">Rechter Text</span></p>
[...]
<p>Linker Text <span style="padding-left:121px;"> Rechter Text</span></p>
<p>Linker Text <span style="margin-left:121px;"> Rechter Text</span></p>
(beim 1. fehlt das schließende </span>, bei den anderen beiden die schließende ">" spitze klammer vom einleitenden span tag.)
Zuletzt bearbeitet von sahnemuh am Di 13.06.2006 17:46, insgesamt 2-mal bearbeitet
|
|
|
|
|
mogwai
Threadersteller
Dabei seit: 13.10.2003
Ort: koeln
Alter: -
Geschlecht:
|
Verfasst Di 13.06.2006 18:06
Titel
|
|
|
Beim ersten gibt es doch gar kein öffnendes <span>-tag, das ich schließen müsste?!
Bei den anderen beiden hast Du recht, ist aber nur hier in der Eile passiert... im Original also korrektes einletendes und schließendes <span>-tag...
Sorry, habe etwas Unruhe/Verwirrung rein gebracht.
Also, wenn also die <span>-tags richtig geöffnet und geschlossen sind, an was könnte mein Problem noch hängen?
Danke für eure Geduld!
Beste Grüße,
mogwai
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 13.06.2006 19:19
Titel
|
|
|
Äh aber diese Versionen funktionieren doch alle einwandfrei (IE + FF):
Code: | <p>Linker Text <img src="../images/blind.gif" width="121px" height="1px" style="border:0px; margin:0px; padding:0px;">Rechter Text</p>
<p>Linker Text <span style="padding-left:121px;"> Rechter Text</span></p>
<p>Linker Text <span style="margin-left:121px;"> Rechter Text</span></p> |
Aufm Mac nicht oder wie?
|
|
|
|
|
|
|
|
Ähnliche Themen |
seltsam... margin, padding?
problem mit padding/margin
CSS padding/margin-top-Problem
CSS Problem wg. padding, margin und width
Padding/Margin Problem zwischen FF und IE7 (html/css)
Padding von Listenpunkten setzt sich über allg. Padding
|
|