...

View Full Version : Bottom-border Overlap



wolf530
07-10-2005, 07:35 PM
I'm sure this is a really simple question, but I can't figure out how to fix this:

http://constitution.starbase118.net/newsite/bottom-border issue.jpg

As you can see, the bottom-border is overlapping the menu item. How do I stop the bottom border at about 5 px to the left of the box? Here's my CSS:


<!--

#top-bar {
position:absolute;
left:0px;
top:0px;
width:718px;
height:14px;
}

#header {
position:absolute;
left:0px;
top:14px;
width:718px;
height:133px;
}

#leftside-1 {
position:absolute;
left:0px;
top:147px;
width:56px;
height:75px;
}

#button1 {
position:absolute;
left:56px;
top:147px;
width:94px;
height:75px;
}

#button2 {
position:absolute;
left:150px;
top:147px;
width:96px;
height:75px;
}

#button3 {
position:absolute;
left:246px;
top:147px;
width:96px;
height:75px;
}

#under-header {
position:absolute;
left:342px;
top:147px;
width:376px;
height:75px;
}

#left-side2 {
position:absolute;
left:0px;
top:222px;
width:56px;
height:82px;
}

#bars {
position:absolute;
left:56px;
top:222px;
width:603px;
height:82px;
}

#rightside-1 {
position:absolute;
left:659px;
top:222px;
width:59px;
height:82px;
}

#content-area {
position:absolute;
left:0px;
top:304px;
width:718px;
height:287px;
background:url(images/content_area.gif)
}

#index-12 {
position:absolute;
left:0px;
top:591px;
width:13px;
height:187px;
}

#footer-top {
position:absolute;
left:13px;
top:591px;
width:420px;
height:77px;
}

#button4 {
position:absolute;
left:433px;
top:591px;
width:109px;
height:77px;
}

#button5 {
position:absolute;
left:542px;
top:591px;
width:112px;
height:77px;
}

#rightside-2 {
position:absolute;
left:654px;
top:591px;
width:64px;
height:77px;
}

#footer {
position:absolute;
left:13px;
top:668px;
width:705px;
height:110px;
}

#menu {
float:right;
border:1px solid #343F51;
padding:3px;
margin:10px 68px 10px 10px;
display:block;
}

h1 {
font-family: Verdana, sans-serif;
font-size: 14pt;
color: #454545;
border-bottom: 1px solid #343F51;
padding: 0;
margin: 5px 68px 5px 60px;
}

h2 {
font-family: Verdana, sans-serif;
font-size: 12pt;
color: #454545;
padding: 0;
margin: 5px 68px 5px 60px;
}

p {
font-family: Verdana, sans-serif;
font-size: 10pt;
color: #000;
padding: 0;
margin: 5px 68px 15px 60px;
}

-->

mark87
07-10-2005, 08:36 PM
It's hard to see without the html...

Try setting the width of the heading so that the border does not reach the menu box.

wolf530
07-11-2005, 03:45 AM
That worked. Thanks :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum