nicht angemeldet
Hallo zusammen,
ich versuche mich an einen neuen Design meiner Homepage.
Dazu will ich einen Bereich haben,
der 980 px * 570 px hat,
immer zentriert ist (soweit komme ich noch)
und eben einen Rahmen mit runde Ecken.
Das klappt leider noch nicht so gut, bisher habe ich dann rechts und unten einen Spalt zwischen meinen Rahmen und dem vorher definierten Bereich. Kann mir jemand sagen, woher der Spalt kommt?
Und: gibt es eine bessere Möglichkeit dies umzusetzen?
Hier mein Quelltext:
<body>
<div id="box_aussen">
<div class="box_aussenro">
<div class="box_aussenlo">
<div class="box_aussenru">
<div class="box_aussenlu">
<div class="box_aussenleer">
<p> text text text <br> text text text <br> </p>
</div> </div> </div> </div>
</div>
</div> <!-- box_aussen-->
</body>
Mein CSS:
body {margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-color:#808080;
scrollbar-base-color:#CCCCCC;
scrollbar-3d-light-color:#000000;
scrollbar-arrow-color:#CCCCCC;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#6699CC;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-track-color:#CCCCCC;}
#box_aussen {position:absolute;
top:10px; left:50%; width:980px; height:570px; margin-left: -490px;
z-index:1;}
/* Div Boxen mit runden Ecken, ohne Schatten */
.box_aussenro {background:url(../0_common/pics/roundedbox_ro.gif) top right no-repeat; }
.box_aussenlo {background:url(../0_common/pics/roundedbox_lo.gif) top left no-repeat; }
.box_aussenru {background:url(../0_common/pics/roundedbox_ru.gif) bottom right no-repeat;}
.box_aussenlu {background:url(../0_common/pics/roundedbox_lu.gif) bottom left no-repeat; }
.box_aussenleer {height:100%; width:100%; padding: 0px; margin: 0px;
}
Sg Stefan