Urgent! Help - Webmaster Forum - Web Design, Programming and SEO forums

10-29-2005, 08:36 PM

At-Studios

Status: Junior Member
Join date: Oct 2005
Location:
Expertise:
Software:

Posts: 35

iTrader: 0 / 0%

At-Studios is on a distinguished road

Urgent! Help

Well I am coding a layout for a client, and I cant seem to get the left and right borders to expand to the footer.. and I cant get the content to be the the just right poistion becuase of the borders can anyone help?

Index: http://www.atstudios.trippedhosting....ker/index.html
CSS: http://www.atstudios.trippedhosting....er/working.css

Can some one please help =(

Regards;
Justin Garza

10-29-2005, 09:50 PM

skittles

Status: I'm new around here
Join date: Oct 2005
Location: Oregon
Expertise:
Software:

Posts: 10

iTrader: 0 / 0%

skittles is on a distinguished road

For starters, try this:

#nav_top{
margin-left:23px;
}
#nav_mid{
background-color: #F9FAFC;
font-family: Arial, arial, sans-serif;
font-size: 10px;
color: #000000;
margin-left:23px;
width: 160px;
}

Adding the left margin the width of the border moves the navigation over. I also set the width the same as the image nav_top image.

Still working on getting the borders to show up...

-Anita

10-29-2005, 10:03 PM

At-Studios

Status: Junior Member
Join date: Oct 2005
Location:
Expertise:
Software:

Posts: 35

iTrader: 0 / 0%

At-Studios is on a distinguished road

Thanks for all your help man I really apperciated it.

10-30-2005, 03:14 AM

skittles

Status: I'm new around here
Join date: Oct 2005
Location: Oregon
Expertise:
Software:

Posts: 10

iTrader: 0 / 0%

skittles is on a distinguished road

Okay, Justin, to make the border images display, you need to wrap them around the page like this (html comments optional):

<body>
<div id="container">
<div id="rborder"><div id="lborder">

[ content here... ]

<div id="footer">[ footer stuff here... ]</div>
</div></div>
</div>

With the footer set to 100px height, the side borders display below the footer. removing the height solved the problem. here's the CSS for the borders and the footer:

#lborder {background: url("images/lborder.jpg") repeat-y left top;}
#rborder {background: url("images/rborder.jpg") repeat-y right top;}
#footer{width: 750px;margin-bottom: 0px;}

Have fun.
-Anita