NameSilo

Help with CSS/Div tags

Namecheap AuctionsNamecheap Auctions
Namecheap AuctionsNamecheap Auctions
SpaceshipSpaceship
Watch

mikejr

New Member
Impact
0
Hi guys.

Basically I have a liquid(horizontally flexible) center box. I need this box to have an upper-left bg image (shadow) and a lower right bg image (another shadow) giving it a slightly recessed look. No problem one div for the lower right bg image and another for the upper left image as well as the content.

Here's the trick. If I use a small 1px border around the main div, I get a 1px space between the bottom-right image and the border. The code is as follows:
Code:
<div id="empty" style="position:absolute; width:<?php echo $pwidth;?>%; height:<?php echo $height2;?>px; z-index:4; left: 101px; top: 0px; padding-left: <?php echo $padding;?>px;padding-top: <?php echo $padding;?>px;" class="content_bg"></div>
<div id="content" style="position:absolute; width:<?php echo $pwidth;?>%; height:<?php echo $height2;?>px; z-index:5; left: 101px; top: 0px; padding-left: <?php echo $padding;?>px;padding-top: <?php echo $padding;?>px;" class="content_bg2">

MAIN CONTENT GOES HERE

</div>

Anyone know of a way to remove this 1px spacing between the border and the bg image? Also, how can I pad the top and left by 4px without shifting the bottom bg image down?
 
0
•••
The views expressed on this page by users and staff are their own, not those of NamePros.
AfternicAfternic
CatchedCatched

We're social

Escrow.com
Spaceship
Rexus Domain
CryptoExchange.com
Domain Recover
CatchDoms
DomDB
NameFit
  • The sidebar remains visible by scrolling at a speed relative to the page’s height.
Back