Hi Guys,
Can anyone help me with a basic positioning issue!
HTML:
- Code: Select all
<body>
<div class='whitebox'>
<p>Ipsum, eu adipiscing, praesent ad, lobortis quis. Vulputate laoreet qui, quis sit. In minim hendrerit odio ex ea diam duis. Wisi augue, tation facilisis eu tation. Molestie adipiscing in et velit praesent. In autem velit, dolore, dignissim te praesent eros. Wisi lobortis nisl hendrerit exerci qui vel duis facilisi dolor. Duis facilisis luptatum, lorem augue iriure autem ex augue. Vulputate lobortis velit ut aliquip ad consectetuer ut eros.p>
<div align='center'><img src='Images/MotherShip_in_Orbit.jpg'></div>
<br>
</div>
</body>
CSS:
- Code: Select all
body {
background-color: #000000;
}
.whitebox {
background-color: #FFFFFF;
width: 1000px;
align: center;
}
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: black;
line-height: 1.5em;
margin-left: 20px;
margin-right: 20px;
text-align: justify;
}
What I would expect to see would be a black page with a white box aligned in the middle. The white box would then have justified text and a centered image below it.
What I get in IE7 is all of the above only the white box has not been aligned, it is still over on the left as default! Can anyone help me?
Thanks in advance.
Tom
[SOLVED] Basic Positioning Issue
Apr 15th, 2008, 11:56
Similar Threads
