
July 17th, 2003, 05:48 PM
|
|
Junior Member
|
|
Join Date: Jul 2003
Posts: 1
Time spent in forums: < 1 sec
Reputation Power: 0
|
|
|
css padding inside absolute div
PHP Code:
<html>
<head>
<style type="text/css">
body {
margin: 0px;
}
#leftbox {
border: 1px dashed;
position: absolute;
width: 150px;
/*padding: 10px;*/
}
#rightbox {
border: 1px dashed;
position: absolute;
left: 151px;
/*padding: 10px;*/
}
</style>
</head>
<body>
<div id="leftbox">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse potenti. Sed hendrerit purus sed elit. Duis vitae nunc. In tempor fermentum leo. Fusce dapibus.
</div>
<div id="rightbox">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse potenti. Sed hendrerit purus sed elit. Duis vitae nunc. In tempor fermentum leo. Fusce dapibus.
Quisque orci. Curabitur in sapien. Nullam in pede. Aenean lacinia augue ac massa. Maecenas ut risus et lectus tempor egestas. Nulla tellus tellus, posuere sed, bibendum
vitae, mattis eu, odio. Morbi sagittis pede vel tortor. Fusce vestibulum congue nisl. Ut vel diam sit amet felis iaculis aliquam. Nulla wisi tortor, mollis sed, pellentesque
quis, facilisis non, dui. Ut massa. Duis egestas purus vel ante. Nam condimentum pulvinar purus. Morbi tempus dolor id ante. Maecenas nibh enim, vulputate vitae, ultrices
non, pulvinar eu, metus. Sed sit amet tortor. Curabitur at lacus sit amet lorem porttitor commodo. Proin justo. Aliquam erat volutpat. Fusce sit amet tortor. Curabitur quis
sem et metus posuere tempus. Curabitur lobortis est nec massa.
</div>
</body>
</html>
When I use that code as it currently is, everything loooks fine in IE and netscape, as soon as I uncomment the padding, IE will preserve the positions and the div's will be padded accordingly, in netscape and Firebird, the rightbox and leftbox divs overlap? How can I add padding to the div without the overlap?
|