Something peekin out from under my div, Not sure what it is Options

[danielkraus]

I have a bit of what looks like a blue border underneath the top right portion of the overlay.
here is the css code

CODE

a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}
table tr td div font {display: none;}
tr {background-color:transparent}
.extendedNetwork {
visibility:hidden;
display:none;}
.friendSpace {
visibility:hidden;
display:none}
.friendsComments {
visibility:hidden;
display:none;}
.userProfileApp {
visibility:hidden;
display:none;}
.extendedNetwork {
visibility:hidden;
display:none;}
.latestBlogEntry {
visibility:hidden;}
img {
border:none;}

.page {
position:absolute;
z-index:2;
width:1000px;

top:160px;
left:0%;
background-color:000000;
color:FFFFFF;}
h1 {
text-align:right;
margin-left:-10px
font-family:"Charlemagne Std" Arial;
font-size:32px;
color:FFFFFF;}

h2 {
font-family:"Charlemagne Std" Arial;
font-size:24px;
color:FFFFFF;}

a, a:link, a:visited {
color:FFFFFF;
font-family:"Tahoma";
font-size:18px;
font-weight:500;
text-decoration:none;}
a:hover, a:active {
color:9900FF;
font-family:"Tahoma";
font-size:18px;
font-weight:500;
text-decoration:underline;}

.header {
position:absolute;
width:996px;
height:435px;
margin-left:0;
background-color:3300cc;}
.rightheader {
position:absolute;
margin-left:-325px;}

.leftheader {
float:left;
width:325px;
height:435px;
background-color:330066;}

.content {
position:absolute;
width:996px;
height:860px;
margin-top:360px;
margin-left:-1px;
background-color:330066;}
.top {
width:996;
height:420px;
margin-left:-2px;
background-color:334466;}

.destination {
float:left;
width:300px;
height:410px;
margin-top:5px;
margin-left:5px;
background-color:000000;
color:FFFFFF;}
.destination ul {
list-style:none;
color:FFFFFF;}
.destination li {
padding:6px;
margin-top:4px;
font-family: "Tahoma";
font-size:22px;
color:FFFFFF;}


.destination h2 {
font-family:"Charlemagne Std" Arial;
font-size:32px;
color:FFFFFF;}
.us {
width:650px;
height:410px;
margin-top:5px;
margin-left:335px;
padding:16px;
background-color:000000;}

.us h1 {text-align:right;
margin-left:-10px;
font-family:"Charlemagne Std" Arial;
font-size:32px;
color:FFFFFF;}

.us p {
color:FFFFFF;
margin-top:36px;
padding-right:6px;
text-align:right;
font-size:15px;}



.bottom {
width:996;
height:420px;
margin-top:10px;
margin-left:-2px;
background-color:334466;}

.designer {
float:left;
width:550px;
height:410px;
padding:8px;
margin-top:5px;
margin-left:5px;
background-color:000000;
font-color:FFFFFF;}
.designer p {
color:FFFFFF;
margin-top:16px;
padding-left:6px;
text-align:left;
font-size:15px;}
img.right {
float:right;}
.designer h2 {
font-family:"Charlemagne Std" Arial;
font-size:32px;
color:FFFFFF;}



.feed {
overflow:hidden;
width:400px;
height:410px;
margin-top:5px;
margin-left:585px;
background-color:000000;}




</style>

html

CODE

<div class="page" align="left">
<table style="width:1002px;

visibility:visible;
cellpadding:0px;
cellspacing:0px;
background-color:000000;">

<tr><td valign="top">
<div class="header">
<div class="leftheader">
<img src="http://i33.tinypic.com/16114zm.jpg" />
</div>
<div class="rightheader"><img src="http://i34.tinypic.com/21vs6b.jpg" class="right" /></div>
</div>

<div class="content">
<div class="top">
<div class="destination">
<h2>Destinations</h2>
<ul>
<li><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0zOTMyNjQ4MTk=">ADD</a></li>
<li><a href="http://www.msplinks.com/MDFodHRwOi8vZGlyZWN0b3J5c2V4eS53b3JkcHJlc3MuY29t">BLOG</a></li>
<li><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0zOTMyNjQ4MTk=">CONTACT</a></li>
<li><a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLmFkZFRvRmF2b3JpdGUmZnJpZW5kSUQ9MzkzMjY0ODE5JnB1YmxpYz0w">FAVORITE</a></li>
<li><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPTM5MzI2NDgxOSZNeVRva2VuPWEyODUz
2UzLTkxMzMtNDFkOC1iYTk4LWNiOWQ0YjY2M2QzMA==">OUR FRIENDS</a></li>
<li><a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdDb21tZW50cyZmcmllbmRJRD0zOTMyNjQ4MTkmTXlUb2tlbj0wODYz
ThlYy0yNzcwLTQxNmMtYWUwNy1mZDhlZDhhNjQwMDY=">OUR COMMENTS</a></li>
<li><a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLmFkZFRvRmF2b3JpdGUmZnJpZW5kSUQ9MzkzMjY0ODE5JnB1YmxpYz0w">FORWARD</a></li>
</ul>
</div>
<div class="us">
<h1>About DirectorySexy</h1>
<p> We are an online lingerie resource, an encyclopedia of lingerie. The site is still being constructed, and we intend to launch in November. Our concept is this: provide any information to those shopping for, doing research on, and are just curious about lingerie.</p>
<p>The site will include backgrounds and histories on designers and retailers, a glossary of terms and garment descriptions, sales at designer stores and updates on fashion shows. You will also find a list of retail stores and e-boutiques where you can find designer labels and collections.</p>
</div>
</div>

<div class="bottom">
<div class="designer">
<h2>Featured Boutique</h2>
<p><img src="http://i35.tinypic.com/117e63t.jpg" class="right" />Started by two sisters, Andrea and Christine Cook, in 2006 <a href="http://www.msplinks.com/MDFodHRwOi8vYml6b3Vib3V0aXF1ZS5jb20v">Bizou Boutique</a> offers the finest in luxury lingerie. After journeys around the globe they decided to bring a little of the boudoir to the UK.</p>
<p>Bizou “is a girly, decadent haven for all the ladies who like to indulge in their passion for lingerie, luxury and pampering. “ They travel extensively to bring you the best fitting and most comfortable brands on the market.</p>
</div>
<div class="feed">
<div style="text-align:center;">
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="410px" width="400px" id="InsertWidget_e038ba64-9f65-4518-8646-0282abda7cfa" align="middle" data="http://widgetserver.com/syndication/flash/wrapper/InsertWidget.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://widgetserver.com/syndication/flash/wrapper/InsertWidget.swf" />
<param name="wmode" value="transparent" />
<param name="menu" value="false" />
<param name="quality" value="high" />
<param name="flashvars" value="r=2&appId=e038ba64-9f65-4518-8646-0282abda7cfa&wbx_softkey=true&wbx_suppressGW=true" />
</object><br /><a target="_blank" alt="Get MySpace apps at Widgetbox!" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LndpZGdldGJveC5jb20vd2lkZ2V0L2RpcmVjdG9yeS1zZXh5LWJsb2c/d2J4LnJlZmVyPTEmd2J4LnJlZmVyLmluc3RJZD1lMDM4YmE2NC05ZjY1LTQ1MTgtODY0Ni0wMjgyYWJk
TdjZmEmd2J4LnJlZmVyLnRhcmdldFJlZ0lkPTQwNDY4YTkwLWYwZGYtNDRkZi04MWM0LTJmNzUxN2JiN
Y5ZiZ3YngucmVmZXIucG49bXlzcGFjZQ=="><img src="http://cdn.widgetserver.com/syndication/images/gwbtn-html.gif" style="border-style: none" /></a></div>
</div>
</div>

</div>
</td></tr></table>
</div>

I have tried hidding everything on that side of the overlay, but it seems I have missed something. I tried using a "hide all" code but it made my overlay disappear, not sure why. Thanx for the help!heres the link http://www.myspace/directorysexy

[fixtatik]

i don't see anything sticking out. i thought i did the other day, but now it's not showing. it might be the bottom links. try using this to get rid of them:

CODE

table div { display:none!important; }
div table div, table table div { display:block!important; }

oh...by the way, i don't know if you've noticed this, but you spelled "directory" wrong in the header image. just thought i'd mention that =p

[danielkraus]

Thank you for the spelling error!!!
I am not sure what I did to get it to go away. I do have a piece that looks like it is sticking out, almost as if the div is bigger than the one containing it(rightside jut under the header image). I have changed the widths and played with positioning but it doesn't seem to go away. Could this be a browser issue?

[fixtatik]

haha, now i am seeing it. i think before, the page just wasn't loading. try adding this in:

CODE

.profileInfo, .blurbs td.text, .orangetext15 { display:none; }

[danielkraus]

Unfortunately it did not work.
Could it be my margins and placement?
I have widths set to specific px, could changing it to %s help or solve the issue? Some of my coding has changed here is the new:
CSS

CODE

a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}
table tr td div font {display: none;}
tr {background-color:transparent}
.profileInfo, .blurbs td.text, .orangetext15 { display:none; }
.extendedNetwork {
visibility:hidden;
display:none;}
.friendSpace {
visibility:hidden;
display:none}
.friendsComments {
visibility:hidden;
display:none;}
.userProfileApp {
visibility:hidden;
display:none;}
.extendedNetwork {
visibility:hidden;
display:none;}
.latestBlogEntry {
visibility:hidden;}
.userProfileNetworking {visibilty:hidden;
display:none;}
.contactTable {
visibilty:hidden;
display:none;}
img {
border:none;}

.page {
position:absolute;
z-index:2;
width:1002px;
top:160px;
left:0%;
background-color:000000;
color:FFFFFF;}
h1 {
text-align:right;
margin-left:-10px
font-family:"Charlemagne Std" Arial;
font-size:32px;
color:FFFFFF;}

h2 {
font-family:"Charlemagne Std" Arial;
font-size:24px;
color:FFFFFF;}

a, a:link, a:visited {
color:FFFFFF;
font-family:"Tahoma";
font-size:18px;
font-weight:500;
text-decoration:none;}
a:hover, a:active {
color:9900FF;
font-family:"Tahoma";
font-size:18px;
font-weight:500;
text-decoration:underline;}

.header {
position:absolute;
width:996px;
height:350px;
margin-left:0;
background-color:transparent;}
.rightheader {
overflow:hidden;
position:absolute;
margin-left:-325px;}

.leftheader {
float:left;
overflow:hidden;
width:325px;
height:350px;
background-color:330066;}

.content {overflow-x:hidden;
position:absolute;
width:996px;
height:860px;
margin-top:350px;
margin-left:-1px;
background-image: url(http://i33.tinypic.com/6scjzo.jpg);}
.top {
width:996;
height:420px;
margin-left:-2px;
background-image: url(http://i33.tinypic.com/6scjzo.jpg);}

.destination {
float:left;
width:300px;
height:410px;
margin-top:5px;
margin-left:5px;
background-color:000000;
color:FFFFFF;}
.destination ul {
list-style:none;
color:FFFFFF;}
.destination li {
padding:6px;
margin-top:4px;
font-family: "Tahoma";
font-size:22px;
color:FFFFFF;}


.destination h2 {
font-family:"Charlemagne Std" Arial;
font-size:32px;
color:FFFFFF;}
.us {
width:650px;
height:410px;
margin-top:5px;
margin-left:335px;
padding:16px;
background-color:000000;}

.us h1 {text-align:right;
margin-left:-10px;
font-family:"Charlemagne Std" Arial;
font-size:32px;
color:FFFFFF;}

.us p {
color:FFFFFF;
margin-top:36px;
padding-right:6px;
text-align:right;
font-size:15px;}



.bottom {
width:996;
height:420px;
margin-top:10px;
margin-left:-2px;
background-background-image: url(http://i33.tinypic.com/6scjzo.jpg);}

.designer {
float:left;
width:550px;
height:410px;
padding:8px;
padding-top:42px;
margin-top:5px;
margin-left:5px;
background-color:000000;
font-color:FFFFFF;}
.designer p {
color:FFFFFF;
margin-top:16px;
padding-left:6px;
text-align:left;
font-size:15px;}
img.right {
float:right;}
.designer h2 {
font-family:"Charlemagne Std" Arial;
font-size:32px;
color:FFFFFF;}



.feed {
overflow:hidden;
width:400px;
height:410px;
margin-top:5px;
margin-left:585px;
background-color:transparent;}

[allvanishing]

Try this?

CODE

<style>
.userProfileDetail {display: none;}
</style>

[danielkraus]

No that didn't work either. Not sure I can fix this, so if you think of anyhting else, please let me know.

[allvanishing]

Can you take a screenshot and indicate where it is?

[danielkraus]

Here is the screenshot, the part I am speaking of is just above the heading "ABOUT DIRECTORYSEXY"

[allvanishing]

This is how I am seeing your profile:
http://i38.tinypic.com/259vmt1.png

[danielkraus]

Why dos it look like that?
What did I do, or not do?
********************************
I believe I solved the missing image at the top of the page, I had a background set to transparent. I think my problem may be the padding or margins.

[manny-the-dino]

So can this be closed?

[Jghelfi]

CODE

<style>{hideseverything}.redbtext, .btext, .userprofileinterests, .extendednetwork, .friendtext, .whitetext15, .whitetext12, .friendspace, .contacttable, .userprofilecompany, .userprofileschool, .userprofileurl, .userprofiledetail, .friendscomments, .latestblogentry, .profileinfo, .blurbs, .tdborder,{display: none!;}
{hidesbottomlinks}a.text, table div div {visibility:hidden;}tr {background-color:transparent}
.embed, object {width:0px; height:0px;}
</style>

this hides everything except the nav, and its good for DIV's..Try it out.. it should be the answer for the PEEPING TOM part of your profile..

[danielkraus]

To Da1 I will try that code for my next layout.

Thanx eveyone, I believe it is working now.

Yes Manny this can be closed, I should have said that in my last post, sorry.

[manny-the-dino]

It's alright.

Topic Closed & Moved