...

View Full Version : DIV Issue. Please Help!



taxgirl
11-08-2006, 11:34 PM
Hey,

I'm having issues w/ the right and bottom of this site...

http://www.suburbannoizerecords.com/frontpage.htm

Here's the coding


<style type="text/css">
<!--
.topleft {
position: absolute;
height: 61px;
width: 52px;
left: 0px;
top: 0px;
background-color: #000000;
background-image: url(storefront/topleft.jpg);
}
.topcenter {
position: absolute;
height: 61px;
width: 100%;
left: 52px;
top: 0px;
right: 51px;
background-color: #000000;
background-image: url(storefront/topcenter.jpg);
background-repeat: repeat-x;
}
.topright {
position: absolute;
height: 61px;
width: 51px;
top: 0px;
right: 0px;
background-color: #000000;
background-image: url(storefront/topright.jpg);
}
.centerleft {
position: absolute;
height: 100%;
width: 52px;
left: 0px;
top: 0px;
bottom: 0px;
background-color: #000000;
background-image: url(storefront/centerleft.jpg);
background-repeat: repeat-y;
}
.centerright {
position: absolute;
height: 100%;
width: 51px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: #000000;
background-image: url(storefront/centerright.jpg);
background-repeat: repeat-y;
}
.bottomleft {
position: absolute;
height: 38px;
width: 52px;
left: 0px;
bottom: 0px;
background-color: #000000;
background-image: url(storefront/bottomleft.jpg);
top: 0px;
}
.bottomcenter {
position: absolute;
height: 38px;
width: 100%;
left: 52px;
right: 51px;
bottom: 0px;
background-color: #000000;
background-image: url(storefront/bottomcenter.jpg);
background-repeat: repeat-x;
top: 0px;
}
.bottomright {
background-color: #000000;
background-image: url(storefront/bottomright.jpg);
position: absolute;
height: 38px;
width: 51px;
right: 0px;
bottom: 0px;
top: 0px;
}
.storefront {
position: absolute;
height: 100%;
width: 100%;
left: 125px;
top: 160px;
right: 0px;
bottom: 0px;
overflow: visible;
}
.center {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
position: absolute;
height: 100%;
width: 100%;
left: 52px;
top: 0px;
right: 51px;
bottom: 0px;
}
body,td,th {
color: #FFFFFF;
}
body {
background-color: #000000;
}
a:link {
color: #FF0000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #990000;
}
a:hover {
text-decoration: underline;
color: #666666;
}
a:active {
text-decoration: none;
color: #990000;
}
.bottom {
position: absolute;
height: 38px;
width: 100%;
left: 0px;
right: 0px;
bottom: 0px;
overflow: visible;
}
.hori-center {
position: absolute;
height: 100%;
width: 100%;
left: 0px;
top: 61px;
right: 0px;
bottom: 38px;
}
.top {
position: absolute;
height: 61px;
width: 100%;
left: 0px;
top: 0px;
right: 0px;
}
-->
</style>
<div class="storefront" id="storefront">
<div class="top" id="top">
<div class="topleft" id="topleft"></div>
<div class="topcenter" id="topcenter"></div>
<div class="topright" id="topright"></div>
</div>

<div class="hori-center" id="hori-center">
<div class="centerleft" id="centerleft"></div>
<div class="center" id="center">INSERT ALL TEXT HERE ```````!</div>
<div class="centerright" id="centerright"></div>
</div>
<div class="bottom" id="bottom">
<div class="bottomleft" id="bottomleft"></div>
<div class="bottomcenter" id="bottomcenter"></div>
<div class="bottomright" id="bottomright"></div>
</div>
</div>

Pretty much, it's supposed to be a white box (w/ the cool edges) that expands height and width wise to fit the screen (the top and left margins are set for a header and left side global navigation)

This is SOO important that I fix this today and I'd love and adore anyone that could help me MORE than you will ever know.

Please let me know if you can help.

And if you need more info contact me on AIM my screen name is taxgirlsrh or PM me or something. Please and thank you!!

ronaldb66
11-09-2006, 04:22 PM
Please observe the Posting Guidelines (http://www.codingforums.com/postguide.htm) with repect to the posting title;
Please refrain from obscene or coarse language, even on the site(s) you are linking to, as per the forum Rules (http://www.codingforums.com/rules.htm);
Please provide some identifyable filler and/or basic visuals to your example site: it is far from clear what you want to achieve from a layout or visual point of view.
Since all your layout sections seem to be absolutely positioned, though, you're probably in for a lot of hurt getting this to work.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum