1.left, left,left
1 #wrapper { 2 float: left; 3 width: 100%; 4 } 5 #content { 6 margin: 0 200px 0 33%; 7 } 8 #navigation { 9 float: left; 10 width: 33%; 11 margin-left: -100%; 12 } 13 #extra { 14 float: left; 15 width: 200px; 16 margin-left: -200px; 17 } 18 #footer { 19 clear: both; 20 }
2.right, right, right
1 #wrapper { 2 float: right; 3 width: 100%; 4 } 5 #content { 6 margin: 0 200px 0 33%; 7 } 8 #navigation { 9 float: right; 10 width: 33%; 11 margin-right: -33%; 12 } 13 #extra { 14 float: right; 15 width: 200px; 16 margin-right: -100%; 17 } 18 #footer { 19 clear: both; 20 }