nicht angemeldet
Hallo Zusammen,
ich code gerade an einer privaten Website für einen Bekannten, und ich hab da ein kleines Problem mit CSS/div/OPERA.
ich möchte gerne folgendes Ergebnis erreichen, dass ich ein div-Feld habe, welches links einen Abstand von 50px, oben 150px, und rechts und unten 0px Abstand hat und selbst scrollbar ist.
Das sollte so aussehen:
__div.main1_____________________
| 50 |
| __div.main2_______________|
| | |
| | |
| | div, das |
| | gescrollt |
| 150| werden kann |
| | |
| | |
| | |
--------------------------------
Mit untenstehendem Code bekomme ich das im Internet Explorer hin, aber im Opera erhalte ich unter diesem div einen weissen Balken, und ich weiss nicht, woher der kommt.
So sieht es aus:
__div.main1_____________________
| 50 |
| __div.main2_______________|
| | |
| | |
| | div, das |
| | gescrollt |
| 150| werden kann |
| | |
| |_________________________|
| | weisser balken |
--------------------------------
Vielen Dank im voraus für anregende Tips.
Gruss, Toni
Quellcode (reduziert):
----------------------
<html><head>
<style type"text/css">
body{
width:100%;
margin:0;padding:0;border:none;
overflow:auto;
}
div.main1{
width:100%;height:100%;
top:0;left:0;position:relative;
margin:0;
padding-top:50px;
padding-left:150px;
overflow:hidden;
border:3px solid red;
}
div.main2{
width:100%;height:100%;
top:0;left:0;position:relative;
margin:0;padding:0;
overflow:auto;
border:3px solid green;
}
</style>
</head><body>
<div class="main1">
<div class="main2">
<iframe style="overflow:auto;width:100%;height:100%;" frameborder="0" name="anzeige" src="start.html" target="_self"></iframe>
</div></div>
</body></html>