Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Jul 2006
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts

    DIV Issue. Please Help!

    Hey,

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

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

    Here's the coding

    Code:
    <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!!

  • #2
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,253
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Guidelines, content

    1. Please observe the Posting Guidelines with repect to the posting title;
    2. Please refrain from obscene or coarse language, even on the site(s) you are linking to, as per the forum Rules;
    3. 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.
    Regards,
    Ronald.
    ronaldvanderwijden.com


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •