Autor Thema: Chrome und Safari Tabellen und Div  (Gelesen 2708 mal)

lastwebpage

  • Suche Umschulung zum Wahrsager! Brauche Geld!
  • Administrator
  • ***
  • Beiträge: 3.203
  • Lesen bildet!
    • Profil anzeigen
Chrome und Safari Tabellen und Div
« am: 31. März 2011, 19:45:26 »
Hallo,
es gibt da ein HTML Problem im Wiki, wo ich leider keine Lösung für weiss.

Pseudocode:
<table style="margin-left: auto; margin-right: auto;">....</table>
<div style="float:right>...</div>
In Fx 3.6/4.0, IE 8.0/9.0, Opera (aktuelle Version) ergibt das eine Tabelle und daneben das DIV Element.

In Chrome 11 +12 und Safari ergibt dieses aber:


Bei den einfachen Vorlagen wie Tip usw. habe ich das so gelöst, das ich die Tabelle der Vorlage Tip in ein DIV geändert habe. Es gibt aber Vorlagen wie z.B. http://miranda-im.de/mediawiki/index.php?title=Vorlage:Entwicklung_eingestellt, die aus einer Tabelle bestehen und nicht so einfach in ein DIV umgewandelt werden können.
Ich habe deshalb in die Tabelle ein float:none; clear:both; eingefügt. Die Tabelle wird damit eine einzelne "Zeile".
In Artikeln wie z.B. http://miranda-im.de/mediawiki/index.php?title=Plugin:ICQOscarJ_%28Plus_Mod%29 erfordert das aber, das die Vorlage:Entwicklung_eingestellt VOR der Vorlage:PluginInfo verwendet wird.

Ich weis im Moment nicht wirklich wie man das sonst machen sollte. :|

Peter

« Letzte Änderung: 31. März 2011, 20:10:08 von lastwebpage »
Die Realität, die andere Realität, die Absurdität, mach es zu deinem Projekt!

progandy

  • Plugin-Autor
  • Akkordschreiber
  • ***
  • Beiträge: 626
    • progandy@hot-chilli.net"
    • http://progandy.miranda-vi.org"
    • Profil anzeigen
    • ProgAndy
Re:Chrome und Safari Tabellen und Div
« Antwort #1 am: 31. März 2011, 20:38:50 »
Für Entwicklung eingestellt ist doch auch ein div sinnvoll und möglich. Ich weiß nur nicht, ob das mit dem Hintergrundbild so optimal gelöst ist ;)
(Hab jetzt keinen Wikicode, sondern das HTML bei ICQ+ direkt angepasst.)
<div style="background: url(images/c/cb/Warning.png) no-repeat scroll 2px 2px #DDAAAA; padding: 5px 5px 5px 55px; margin-left: auto; margin-right: auto; margin-top:5px; margin-bottom:5px; width: 65%; text-align:justify; border:3px ridge black;">
Warnung, dieses Plugin wird von aktuellen Miranda-Versionen nicht mehr unterstützt und kann zu massiven Problemen führen!
<p style="margin:10px; font-weight:bold; text-align:center;">Von der Verwendung dieses Plugins wird dringend abgeraten!</p>
<table width="100%" cellspacing="2" cellpadding="2" border="0" style="background: #BFBFBF;">
<tbody><tr>
<td width="46%" style="vertical-align:top;background-color:#ffc0c0;"> Letzte kompatible Miranda-Version:
</td><td width="54%" style="vertical-align:top;background-color:#ffc0c0;">0.9.x
</td></tr>
<tr>
<td style="vertical-align:top;background-color:#c0ffc0;">Aktuelle Alternative(n):
</td><td style="vertical-align:top;background-color:#c0ffc0;">
<ul><li><a title="Plugin:ICQOscarJ" href="/mediawiki/index.php?title=Plugin:ICQOscarJ">ICQOscarJ</a>
</li></ul>
</td>
</tr></tbody>
</table>
</div>

Edit: Falls du lieber ein verlinktes Warnungsbild hast:
<div style="background: #DDAAAA; padding: 5px; margin-left: auto; margin-right: auto; margin-top:5px; margin-bottom:5px; width: 65%; text-align:justify; border:3px ridge black;">
<a title="Warning.png" class="image" href="/mediawiki/index.php?title=Bild:Warning.png" style="float:left"><img width="48" height="48" border="0" src="/mediawiki/images/c/cb/Warning.png" alt=""></a>
<div style="margin-left: 50px;">
Warnung, dieses Plugin wird von aktuellen Miranda-Versionen nicht mehr unterstützt und kann zu massiven Problemen führen!
<p style="margin:10px; font-weight:bold; text-align:center;">Von der Verwendung dieses Plugins wird dringend abgeraten!</p>
<table width="100%" cellspacing="2" cellpadding="2" border="0" style="background: #BFBFBF;">
<tbody><tr>
<td width="46%" style="vertical-align:top;background-color:#ffc0c0;"> Letzte kompatible Miranda-Version:
</td><td width="54%" style="vertical-align:top;background-color:#ffc0c0;">0.9.x
</td></tr>
<tr>
<td style="vertical-align:top;background-color:#c0ffc0;">Aktuelle Alternative(n):
</td><td style="vertical-align:top;background-color:#c0ffc0;">
<ul><li><a title="Plugin:ICQOscarJ" href="/mediawiki/index.php?title=Plugin:ICQOscarJ">ICQOscarJ</a>
</li></ul>
</td>
</tr></tbody>
</table>
</div>
</div>
« Letzte Änderung: 31. März 2011, 20:47:46 von progandy »
Jetzt wo ich weiss wie es funktioniert versteh ich auch die Gebrauchsanleitung
[Status: Jabber]

lastwebpage

  • Suche Umschulung zum Wahrsager! Brauche Geld!
  • Administrator
  • ***
  • Beiträge: 3.203
  • Lesen bildet!
    • Profil anzeigen
Re:Chrome und Safari Tabellen und Div
« Antwort #2 am: 31. März 2011, 22:16:12 »
so, gelöst. Kann aber passieren, dass das in verschiedenen Stellen im Wiki noch auftaucht.

Da bis jetzt aber keine Fehlermeldungen kamen , geh ich davon aus a)keiner liest im Wiki, oder b)keiner benutz Chrome.
Die Realität, die andere Realität, die Absurdität, mach es zu deinem Projekt!