CSS slicing and div problem

[longboy]

Hi all,

I am new here, hope some of you will help me finding solution of what i am doing right now.

i have created a website and sliced it in DIV and CSS. problem is that when i am inserting more data for dynamic website div at the bottom will not move downward if there is more data in upper div, like we were doing in tables, currently i am using

#firstDIV{
position: relative;
height: 500px;
width: 500px;
}
#secondDIV{
position: realtive;
height: 300px;
width: 500px;
}

I want to put more data in my firstDIV and secondDIV should move downward if firstDIV is larger than what it have.

plz this is immediate

[Drag_Racer]

you have set the hight to a finite number on the top div, set to min-height:500px; or auto

[longboy]

I have fixed that problem but another problem i am facing some other problems

<div id=page>
page here
</div>

and

<div id=leftborder>
<div id=leftborderimage>
left border image here
</div>
</div>

#page{
margin: 0 auto;
width: 779px;
}
#leftborder{
width: 7px;
height: auto;
background-image: url(someimage.jpg);
backgrround-repeat: repteat-y;
}
#leftborderimage{
width: 7px;
}

first problem is that page is not centerlizing on IE7 or IE6 but working in Firefox.

second problem is that i want my leftborder image to repeat till end of the page. but its not working any browser.

[Marshall]

First, foor IE, add this:

#page{
margin: 0 auto;
width: 779px;
text-align: left; /* Needed for IE */
}

Second, if you copied and pasted your CSS exactly, there's a typo:

#leftborder{
width: 7px;
height: auto;
background-image: url(someimage.jpg);
backgrround-repeat: repteat-y;
}

You have an extra 'r' in background and a 't' in repeat.

Marshall

[edited by: Marshall at 8:46 am (utc) on Aug. 22, 2007]

[longboy]

Thanks Marshall

center align works for me now but not the shadow problem. I have validated my css from w3c validator and there was no problem at all. I have updated CSS and new CSS is not verified. I am looking for this problem solved immidiatly as this is my 4th day on this new job and they want me to work in css and I am not expert.

plz look here to get all these things.

<link removed>

[edited by: encyclo at 12:23 am (utc) on Aug. 23, 2007]
[edit reason] no links to personal sites please [/edit]

[Marshall]

Longboy,

Just an FYI - URL's are not allowed (TOS). Regardless, if you are trying to make the shadow stretch the entire length of the content section, you will need to wrap it around the area. Example:
<div id="shadow">
<div></div>
<div></div>
<div></div>
<br style="clear:both" /> <!-- this helps ensure the shadow div stretches all the way -->
</div>

Make sense? If you need to post a URL, use SMail.

Nice design, by the way.

Marshall

[edited by: Marshall at 12:34 pm (utc) on Aug. 22, 2007]