The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> content div resizing issue
beth Chapin
post Oct 14 2007, 04:43 PM
Post #1





Group: Members
Posts: 3
Joined: 14-October 07
Member No.: 4,055



Hey guys smile.gif

I'm creating a website as a favor for my boss and I've been trying to do the speed crunch on it and already, one day in I hit a big road block... I can't seem to get the content container and background div to resize with content inside the "content" div. And also, I can't get the footer image for the content container (bottom of the color w/ rounded edges) to float to the bottom of the container.

Here is the page in question: http://srh.com/taxgirl/

There are 3 style sheets used so far (as this is a complex website and I want some parts to show on all pages and others to only show on certain pages.

Here are the CSS links:
http://www.srh.com/taxgirl/srh2008.css
http://www.srh.com/taxgirl/css/mainsrh.css
http://www.srh.com/taxgirl/css/srh_index.css

CODE
#contentcontainer {
    position: absolute;
    z-index: 3;
    width: 740px;
    left: 11px;
    top: 505px;
    right: 11px;
    height: auto;
    margin-bottom: 70px;
    overflow: visible;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-align: left;
}


CODE
#contentbg {
    background-image: url(../images2/required/layout/contentbg.png);
    background-repeat: repeat-y;
    background-position: center top;
    overflow: visible;
    position: relative;
    width: 760px;
    top: 55px;
    height: 900px;
    left: 1px;
    right: 0px;
    bottom: 65px;
    z-index: 2;
    margin-bottom: 63;
}
#contentcontainterfooter {
    height: 15px;
    width: 760px;
    position: relative;
    left: 1px;
    right: 0px;
    z-index:3;
}



Here is the HTML:
CODE
<div class="contentbg" id="contentbg">    <div class="contentcontainer" id="contentcontainer">CONTENTS THAT NEEDS The Content bg to be relative to.</div></div>
<div class="contentcontainterfooter" id="contentcontainterfooter"><img src="images2/required/layout/content_bottom.png" width="760" height="15"></div>



The text I threw in the DIV is just sample text so please disregard any unlisted or unused class tags, etc. This text will be removed after the issue is solved.

If anyone could help I would be forever greatful smile.gif

Please take a look and let me know if you have any advice.

Thanks you so--o much!
~beth.

ps. This is a side concern, but if anyone knows how to make a png background compatable with IE, please do tell. This isn't too big of a concern for me because if I need to I can just use a gif, but if you know, the knowledge would be welcome and thanked for smile.gif

To all that read: Have a fantastic day and thank you for your time.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Oct 15 2007, 12:24 AM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



I recommend that you start by fixing the markup errors and CSS errors reported by the online tools.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 19th April 2024 - 04:23 PM