position:absolute; 
top:0; 
left:0; 
width:150px; 
height:100px; 

Margin, padding and border tests: test 5

In this page is a black absolute positioned DIV element. If the HTML element has margin and/or border properties, they should move the block to the right. The padding property for the HTML should move only the content to the right but not the absolute positioned element.

Border, padding and margin properties for the BODY element should not move the position of the absolute positioned element to the right. Only the content should be moved to the right.

html {
border-left:50px solid olive;
padding-left:100px; 
margin-left:100px}

Correct and incorrect positions of the DIV element and the main content:

• The absolute positioned DIV element should be 150px from the left edge of the page.
• The main content should start 250px from the left edge of the page.
• Known errors:
  • Opera 6.0x doesn't at all move the absolute positioned element DIV to the right.
  • MS IE 6.0 for Windows and Opera 7.0 Beta1 move the absolute positioned element DIV to the right only 50px (the value of the border property for HTML).
  • MS IE 6.0 for Windows moves the content only 150px to the right (margin for the HTML element doesn't work).
  • MS IE 4.0 for Windows renders the content on the left side of the page, because the browser doesn't support defined properties for the root element (this concerns also border properties).