Solved

Why won't my content show on my pages?

Posted on 2011-02-20
4
736 Views
Last Modified: 2012-05-11
Hi, the background color for my content on all of my pages is white but it does not extend to the bottom. It stays at the top and gives my page elements the same background color as the web page.

http://marvelleselectrology.com/

If anyone knows how to get my content div to extend and contain all of the elements within it, that would be great!!
0
Comment
Question by:FairyBusiness
  • 2
  • 2
4 Comments
 
LVL 16

Accepted Solution

by:
SSupreme earned 500 total points
ID: 34938622
Try this:
#content {
    background: none repeat scroll 0 0 #FFFFFF;
    font-size: 18px;
    margin: 0 auto;
    position: absolute;
    width: 1000px;
}
0
 

Author Comment

by:FairyBusiness
ID: 34938640
Great, thanks that works!!

Can you tell me why my border around my body is only showing around my header? Should I do something similar to my body code?
0
 
LVL 16

Assisted Solution

by:SSupreme
SSupreme earned 500 total points
ID: 34938664
Move your header inside "content", like this:
<div id="content">
<div id="header"></div>
<div id="sideBar">.....

Remove border from body and add it to "content".
0
 

Author Comment

by:FairyBusiness
ID: 34938678
Awesome, thanks for all of your help!!
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

863 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

23 Experts available now in Live!

Get 1:1 Help Now