Hallo!
Wenn der Inhalt (#inner) meiner Scrollbox (#scrollbox) größer ist als die Scrollbox selbst werden padding-right und padding-bottom von allen aktuellen Browsern ignoriert.
Beispielcode:
Kann mir jemand sagen warum das so ist? Bzw. eine Lösung des Problems anbieten?
Danke und Grüße!
Wenn der Inhalt (#inner) meiner Scrollbox (#scrollbox) größer ist als die Scrollbox selbst werden padding-right und padding-bottom von allen aktuellen Browsern ignoriert.
Beispielcode:
HTML:
<!DOCTYPE html>
<html lang="de" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>XXXX</title>
</head>
<body>
<!-- CSS -->
<style>
*{
margin:0px;
padding:0px;
}
body{
background:#5286C1;
}
#scrollbox{
border:1px solid #000;
width:300px;
height:300px;
overflow:auto;
padding:40px;
margin:10px;
}
#inner{
height:1495px;
width:1495px;
border:5px solid #FFF000;
}
</style>
<!-- /CSS -->
<!-- HTML -->
<div id="scrollbox">
<div id="inner">im really oversized...!</div>
</div>
<!-- /HTML -->
</body>
</html>
Kann mir jemand sagen warum das so ist? Bzw. eine Lösung des Problems anbieten?
Danke und Grüße!