nicht angemeldet
Hallo forum,
ich hab ein kleines Problem, ich will in den 4 ecken einer div-box jeweisl ein +-zeichen plazieren. im ie funktioniert das auch, aber im ff bekomme ich immer ein margin-top, obwohl der explizit auf null gesetzt ist.
ich hab das mal in einem kleinen beispiel versucht zu verdeutllichen.
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>cross-test</title>
<style type="text/css">
<!--
html, body {
background-color: #000000;
font-family: arial;
font-size: 11pt;
}
div#cont {
width: 300px;
height: 400px;
position: absolute;
top: 100px;
left: 85px;
background-color: #FF0000;
overflow: hidden;
}
.cross {
font-family: Arial, sans-serif;
color: #000000;
font-size: 30px;
}
-->
</style>
</head>
<body>
<div id="cont">
<div style="margin: 0; width: 100%; line-height: 30px;">
<p class="cross" style="float: left; width: 15px;">+</p><p class="cross" style="float: right; width: 15px;">+</p>
</div>
<div style="margin: 345px 0 0 0; width: 100%; line-height: 30px;">
<p class="cross" style="float: left; width: 15px;">+</p><p class="cross" style="float: right; width: 15px;">+</p>
</div>
</div>
</body>
</html>
außerdem liefern die beiden browser auch unterschiedliche abstände an den ecken.
bin für jeden tipp dankbar!!!
danke und greetz
xdream1328
~~~~~~~~~~~~~~~~~~~~~~~~~
amplid ::: next level riding
http://www.amplid.com
~~~~~~~~~~~~~~~~~~~~~~~~~