-----Original Message-----
From: Mignon Hunter [mailto:[EMAIL PROTECTED]]
> ...also if it would help - I can post an
> example on my personal website...after hours.
Mignon,
Yes, it would help much to see your images and how they impact the site
design.
::::::::::::::::::::::::::::::::::::
> <div id="TopBar" style="position:absolute; width:105%;
> height:100px; z-index:1; left: 0px; top: 0px; background-image:
> url(images/top_slice.jpg); layer-background-image:
> url(images/top_slice.jpg); border: 0px none #000000"><img
> src="images/pic2.jpg">
> </div>
Why is this DIV 105% wide? The percentage is related to the window width.
You are creating a horizontal scroll bar that seems to be unnecessary.
:::::::::::::::::::::::::::::::::::::::
> <div id="SideBar" style="position:absolute; width:100px;
> height:85%; z-index:2; left: 0px; top: 100px; background-image:
> url(images/SideBack.gif); layer-background-image:
> url(images/SideBack.gif); border: 0px none #000000"><img
> src="images/pic1.jpg">
> </div>
This DIV is 85% of the window height. Do you want it to stop 15% short of
the window bottom? Since it is positioned absolutely, down 100px from the
page top, it extends beyond the length of the window. DIV with an absolute
location are removed from the normal page flow and don't cause the page to
lengthen automatically.
:::::::::::::::::::::::::::::::::::::::
> <div id="Nav" style="position:absolute; width:95px; z-index:3;
> above=SideBar; top: 115px; left: -1px">All sorts <br>of
> Extra Stuff<br>
> gets loaded here,<br>mainly navigation.</div>
Curious. What does "above=SideBar" do? Does "Nav" overlap the image in
"SideBar"? Why is "Nav" positioned 1px off the left side of the screen?
:::::::::::::::::::::::::::::::::::::::
> <div id="Content" style="position:absolute; width:75%;
> height:75%; z-index:4; left: 110px; top: 110px">
> Content of site gets loaded here
> </div>
Perhaps you could try making "Content" part of the page flow like this:
<div id="Content" style="margin-left:110px; height:75%;">
Content of site gets loaded here
</div>
My IE5.5 is having a problem accepting a margin-top value along with a
height percentage on the "Content" DIV.
My solution is to add 110px padding-top to the body tag:
<body style="padding-top:110px;">
This will push the "Content" DIV down below "TopBar".
:::::::::::::::::::::::::::::::::::::::::::::
> <div id="Footer" style="z-index:5; width:100%; height:50px;
> left: 0px; background-image: url(themes/Jims/images/bottom_slice.jpg);
> layer-background-image: url(themes/Jims/images/bottom_slice.jpg);
> border: none"><img src="themes/Jims/images/bottom.jpg"></div>
"Footer" is the only DIV that you have remaining in the regular page flow.
As you have it set, "Footer" is at the top of the screen, hidden behind
"TopBar". If you return "Content" to the normal page flow as I suggested,
"Footer" will fall immediately below it and will move down if "Content"
increases in height. Give "Footer" a margin-left:110px also if you want it
to line up flush with "Content".
HTH
Perry Gerenday
www.webinitiative.net
____ � The WDVL Discussion List from WDVL.COM � ____
To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED]
Send Your Posts To: [EMAIL PROTECTED]
To change subscription settings to the wdvltalk digest version:
http://wdvl.internet.com/WDVL/Forum/#sub
________________ http://www.wdvl.com _______________________
You are currently subscribed to wdvltalk as: [email protected]
To unsubscribe send a blank email to [EMAIL PROTECTED]
