Need Div Pro Assistance [Archive]

ssslippy

01-23-2008, 02:26 PM

Ok I have nearly made my page fully SEO, it just the footer wont be a footer.
Using Absolute bottom 0 prevents the footer from scrolling with the page.

You can see the page under construction at http://www.projectoblivion.com/

<body>

<div id="wrapper">

<div id="main_content">
<div class="title_text_1">
<br /><br />
<h2>First Title Here</h2>
</div>
<div class="content_text_1_bg">
<div class="content_text_1">
This is test text
</div>
</div>
<div class="title_text_2_bg">
<br /><br />
<h3>This is title for plugin 2-5</h3>
</div>
<div class="content_text_2_bg">
<div class="content_text_2">
This is test text
</div>
</div>
<div class="bottom">
</div>
</div>


<div id="side_content">
<div class="title_text_1">
</div>
<div class="content_1">
This is Test Content 1
</div>
<div class="bottom_1">
</div>


<div class="title_2">
<div class="title_text_2">
<br />
<h5>Side Content Title Here 2</h5>
</div>
</div>
<div class="content_2">
This is Test Content 2
</div>
<div class="bottom_2">
</div>
</div>


<div style="clear"></div>


<div id="footer">
<div class="copyright">
<br /><br />
This is the copyright text
</div>
</div>


<div id="header_1">
</div>


<div id="header_2">
</div>


<div id="header_3">

<div class="menu">
<?php include('skins/marines/categories.php'); ?>
</div>

</div>

</div>

</body>

Here is the CSS im using currently for the footer.

#footer
{ width: 995px;
height: 48px;
background-image:url(../images/footer.png);
}
#footer .copyright
{ color: #ffffff;
font-size: 9px;
text-align: center;
}

Also if anyone has a better way to posistion the text without moving the background images. I would appreciate it. The only way I could get it to work was with using line breaks which arnt great.

I also know the menu is broken. Im not finishing the menu till I can get the page working.

edit
~I was able to fix this using a fixed call instead of absolute however it now hovers over my content. Any ideas?

MoT3rror

01-23-2008, 08:21 PM

I am not forsure how to solve your problem with the footer hovering but here is code to so you don't have to use the line breaks.

<div id="footer">
<div class="copyright">
<div style="margin-top: 10px;">
This is the copyright text
</div>
</div>
</div>

ssslippy

01-25-2008, 03:57 PM

I didnt think of using margin-top. Thanks for that, I did not like the idea of the line breaks and they did not give me enough controll.