Hallo!
Folgendes, ein Bild ist in einer div-Box. Mit Link drumrum. Wenn man das Bild nun anklickt, vergrößert sich die Box (die äußere)ein paar Pixel nach unten hin.
Code:
<div class="tourney_small floatl">
<div class="floatl" style="width:110px;padding-top:2px;">
<img src="img/page/warcraft100.jpg" style="height:40px;width:100px;" alt="game" />
</div>
<div class="floatl twelve b" style="width:216px;">
<a href="index.php?m=tourney/tourney&id=<?php echo $cupid; ?>" title="<?php echo $cupname_l;?>"><?php echo $cupname; ?></a>
</div>
<div class="floatl twelve b right" style="width:100px;">
<?php echo $date; ?>
</div>
<br />
<div class="floatl eleven b" style="width:130px;padding-top:9px;">
<img src="img/page/arrow_red.gif" style="position:relative;top:-1px;" alt="arrow" />
<a href="index.php?m=tourney/participants&id=<?php echo $cupid; ?>" title="participants">Teilnehmer</a>
</div>
<div class="floatl right" style="width:186px;padding-top:4px;">
<a href=""><img src="img/page/button_teilnehmen_small.jpg" alt="tourney" /></a>
</div>
</div> relevanter css-code:
Code:
img {
}
a, a:link {
color: #cf0304;
text-decoration: none;
padding: 0px;
margin:0px;
}
a:hover {
text-decoration: underline;
padding: 0px;
margin:0px;
}
a:active {
text-decoration: none;
padding: 0px;
margin:0px;
}
#cups .tourney_small {
background-color:#eee;
margin: 0px 10px 10px 10px;
padding: 4px;
} Floatl und right und so sind float:left; oder text-align:right; sachen. Meist immer nur ein Attribut, um das ganze etwas einfacher zu formatieren.
Naja, vielleicht hatte ja jemand das Problem schon mal. Da mir ja auch dasl etzte mal so gut geholfen wurde

. Ich verzweifle langsam daran. passiert aber komischerwesie nur im FF.