Posts: 8
Location: southern California
|
Not sure what effect you want your guests to see if they resize their browser window, or have a monitor other than the one you design for, but you might play around with the following code to see how pixels and percentages effect the position of an element on the screen as it is resized. Absolute positioning with pixels, for example, is a bit more "absolute" than with percentages...
<head>
<title>PIXELS OR PERCENTAGES?</title>
<style>
.pixel {position:absolute; top:150px; left:600px; font-size:10px; color:blue;}
.percentage {position:absolute; top:25%; left:75%; font-size:10px; color:red;}
</style>
</head>
<body>
<p class="pixel">TOP:150PX; LEFT:600PX </p>
<p class="percentage">TOP:25%; LEFT:75%</p>
</body> |
