Problem: WoW: Alliance (Green)
Verfasst: 05.06.2009 15:56
Ich nutz diesen Style im Combo mit meiner Gildenpage.
Doch leider wird der Header in Firefox und Internetexplorer nicht korrekt angezeigt, obwohl die Einstellungen eigentlich stimmen sollten...
http://www.garde-der-naaru.de
Problem ist, das links und rechts am Bildschirmrand ein Bild eingeblendet wird, das eigentlich unten in der zeile positioniert werden sollte. Links geht das auch, aber das rechte Bild ist zentriert... Ich hab mittlerweile 4h hin und her gebastelt. Hat einer zufällig ne Idee?
Die Anzuzeigenden Bilder werden im Header berechnet mit
und dann innerhalb des Body eingebunden über
in der Stylesheet steht nur folgendes als deklaration
Doch leider wird der Header in Firefox und Internetexplorer nicht korrekt angezeigt, obwohl die Einstellungen eigentlich stimmen sollten...
http://www.garde-der-naaru.de
Problem ist, das links und rechts am Bildschirmrand ein Bild eingeblendet wird, das eigentlich unten in der zeile positioniert werden sollte. Links geht das auch, aber das rechte Bild ist zentriert... Ich hab mittlerweile 4h hin und her gebastelt. Hat einer zufällig ne Idee?
Die Anzuzeigenden Bilder werden im Header berechnet mit
Code: Alles auswählen
/* Change "5" to last image number */
var rand_left = Math.floor(Math.random() * 5) + 1;
var rand_right = Math.floor(Math.random() * 5) + 1;
document.write('<style type="text/css">');
document.write('#logo-left { background-image: url(./styles/wow_alliance_green/theme/images/logo_left' + rand_left + '.gif); } ');
document.write('#logo-right { background-image: url(./styles/wow_alliance_green/theme/images/logo_right' + rand_right + '.gif); } ');
document.write('</style>');
Code: Alles auswählen
<td id="logorow" align="center" height="156px"><div id="logo-left"><div id="logo-right">
<a href="http://www.garde-der-naaru.de">{SITE_LOGO_IMG}</a>
</div>
</div></td>Code: Alles auswählen
#logorow {
background: url(images/logo_bg.gif) bottom left repeat-x;
color: #000000
text-align: center;
padding: 0;
}
#logo-left {
background: url(images/logo_left1.gif) bottom left no-repeat;
}
#logo-right {
background: url(images/logo_right1.gif) bottom right no-repeat;
}
#logorow, #logo-left {
height: 156px;
<!--height: 112px;-->
overflow: hidden;