<p>Zu Problem Nummero #2 komme ich jetzt. Im frontend Quelltext (HTML/CSS, backend ist etwas anderes) sehe ich folgendes:
</p>
<div dir="ltr" class="mw-geshi mw-content-ltr"><div class="css source-css">
<span class="re1">.pi-europa</span><span class="re1">.pi-background</span> <span class="br0">{</span> <span class="kw1">background-color</span><span class="sy0">:</span> <span class="re0">#f2edeb</span><span class="sy0">;</span> <span class="coMULTI">/* Kommentar: Hä? ...nicht beachten */</span>
<span class="br0">}</span>
<span class="re1">.pi-europa</span><span class="re1">.portable-infobox</span> <span class="br0">{</span> <span class="kw1">color</span><span class="sy0">:</span> <span class="re0">#3a3a3a</span><span class="sy0">;</span>
<span class="kw1">width</span><span class="sy0">:</span> <span class="re3">300px</span><span class="sy0">;</span>
<span class="br0">}</span>
<span class="re1">.portable-infobox</span> <span class="br0">{</span> <span class="kw1">background-color</span><span class="sy0">:</span> <span class="re0">#f9f9f9</span> !important<span class="sy0">;</span>
<span class="kw1">border</span><span class="sy0">:</span> <span class="re3">1px</span> <span class="kw2">solid</span> <span class="re0">#aaa</span> !important<span class="sy0">;</span>
<span class="kw1">color</span><span class="sy0">:</span> <span class="kw1">black</span> !important<span class="sy0">;</span>
<span class="kw1">width</span><span class="sy0">:</span> <span class="re3">350px</span> !important<span class="sy0">;</span>
<span class="br0">}</span>
</div></div>
<p>Die Regel
.portable-infobox { width: 350px !important; } "unterdrückt" die andere Regel
.pi-europa.portable-infobox { width: 300px; }, vermutlich wegen dem Gebrauch von
!important in der 11. Zeile.
Ich schlage die Breite 310px vor. Eine Pixelzahl unter 306px wäre nicht angebracht, weil "Vorherige Folge" nicht besonders schön dargestellt wird (es kommt zu einem Zeilenumbruch, wegen der [geringen] Breite)
</p>