Feb 5th, 2008, 12:12
|
 |
SuperMember
|
|
Join Date: Sep 2007
Location: Australia
Age: 24
Posts: 956
Thanks: 0
Thanked 0 Times in 0 Posts
|
|
|
Re: When is it ok to use Absolute Positioning ??
This would be incorrect because you are using absolute positioning when there is no reason to. You are using the position to place text inside of the id="main" div. You should just place the text inside this div.
- HTML: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="style_screen.css" />
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="main">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec rhoncus neque sit amet odio. Duis fringilla arcu placerat nunc. Cras mattis euismod ante. Aliquam erat volutpat. Aenean pulvinar turpis mattis ipsum. Proin vestibulum semper risus. Maecenas diam. Donec nonummy neque. Etiam suscipit nunc eu tortor. Vivamus volutpat, risus non consectetuer molestie, justo velit consequat mi, sit amet ullamcorper nunc elit aliquet orci. Proin purus turpis, tincidunt ut, lacinia sit amet, pharetra at, lorem. Morbi mattis metus id ipsum iaculis porta. Maecenas ut ipsum sed est commodo placerat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In posuere lorem. Duis aliquam, est sed euismod scelerisque, tortor felis lobortis arcu, a aliquam nisl urna quis risus. Quisque ac elit vitae turpis porttitor fermentum. Nullam dignissim, massa sed pretium vestibulum, leo elit vulputate urna, in luctus nunc orci in marcus. </p>
</div>
<div id="footer"></div>
</div>
</body>
</html>
That will then place the text where you want it without positioning at all. You can place any element inside of a <div> They just form the boundaries of the elements they contain.
|