Stacking a Div ontop of another Div inside of a div?
watsonlance Sep 10, 2009 8:46 PMok so i am not a programmer, just a designer doing a family a favor building him a website. In using divs i am trying to get a div to overlap another div, while inside another div. confused? ok in simple: i have a div "wrapper" that holds the website center since the design is off center, inside this div i have another div which holds my body of the website "main", also inside the wrapper div i have a second div called "element" which is to sit top left and overlap the main div. The idea is to have an image cutting into the top left of the website, while keeping the rest of the site centered. I have attached a sample picture, and will post the code. if anyone can help please let me know thank you.
CODE:
<body>
<div id="wrapper">
<div id="element"><img src="images/Gears.gif" width="305" height="310" alt="gear image" /></div>
<div id="main">
<div id="header">
<h1><img src="" alt="" name="Picture" width="100" height="180" align="right" id="Picture" style="background-color: #00FF00" />Don Pike <span class="eng">B.Sc. P. Eng.</span></h1>
<h3>text</h3>
<h3> </h3>
<h3>phone </h3>
<h3>email</h3>
<h3> </h3>
<h3>address</h3>
<h3>city</h3>
</div>
<div id="content">
<h2>Lorem ipsum dolor sit amet,</h2>
<p> consectetur adipiscing elit. Suspendisse vitae pulvinar enim. Nunc eget ipsum diam, quis commodo nisi. Donec blandit mi mi, sit amet facilisis magna. Mauris eget diam est. Sed condimentum, nisi nec volutpat tincidunt, massa elit faucibus arcu, at dignissim purus tellus et velit. Integer at fringilla lacus. Nullam egestas leo vel mauris pretium gravida. </p>
</div>
<div id="footer">
<table width="432" align="center" cellspacing="15">
<tr>
<td width="144"><a href="resume.html"><img src="images/Gears_03.gif" width="144" height="144" alt="resume" /></a></td>
<td width="144"><img src="images/Gears_05.gif" width="144" height="144" alt="portfolio" /></td>
<td width="122"><img src="images/Gears_07.gif" width="144" height="144" alt="about me" /></td>
</tr>
</table>
<p> </p>
</div>
</div>
</div>
</body>
-
div-issue.jpg 135.0 K



