I May Be The Only Person Who Can View My Divs. HELP!!! Options

[meggyBEAR]

Mkay here we go, i posted two divs here
on CreateBlog and they were both rejected because
they weren't able to be viewed properly; And i find
it weird that when i look at the divs they look
perfectly fine, no problems what so ever; I don't
use any different things like Foxfire or anything
like that, just a regular Dell computer; i really
want to come down to tha reasoning of why this is happening!

So can any of you tell me if you have
any problems with viewing this div, if so can you
please give me some tips on how i can fix this problem, thanx so much!

Div Here: http://www.myspace.com/399838627

[ley]

I can see it.

[jiyong]

Your text isn't showing up. I see the Lorem Ipsum text in your coding but I don't see it on the layout. The navigation also looks a bit misaligned, it's pretty far to the left (unless you meant it to be that way). I'll see if I can find a fix for the text.

[none345678]

click to enlarge

This is what it looks like in fire fox. (all fire fox is is a different internet browser like Internet explorer)

[jiyong]

You may want to clean up your coding. There's a bunch of unnecessary tags that are left empty, that you could delete. You also didn't close the tag for the div named "overlay" with }. There's also a typo in your hide code:

CODE

div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}

You need to get rid of that dash in "di-splay:none" part.

[Mickey]

^Oh no, that will completely hide her layout. Meggybear, replace your About Me codes with this:

CODE

<style>td.text td.text table table table, td.text td.text table br,
.orangetext15, .redlink, a.navbar, font, .whitetext12, .btext,
.orangetext15, .redbtext, .redtext, .blacktext12, .lightbluetext8, strong,
.nametext, div b font font, div font font u, table table table table,
.contacttable, div div table div, div.clearfix a, input,
.friendSpace, .friendsComments,
.latestBlogEntry {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}td.text td.text {height:0;}table table, table table table table,
table table {background-color:transparent; border:0px;}
div, table, tr, td, th {background-color:transparent; text-align:left; border:0px;}
div table form tr td, td.text table, a.text, table div font a, table div div {visibility:hidden;}
td.text table table {display:inline; visibility:visible;}

div.clearfix table div div {display:block;}
div.profileWidth div.clearfix {position:relative; top:480px !important; margin-left:40px !important;}
embed {position:absolute; top:0px; left:0px; display:block; width:0px; height:0px;}

a {hide top search and shortcuts bar}
div table div form {display:none !important}
.bodyContent div td div div select {margin-top:-1000px;}
.bodyContent div div select {width:0px !important;}
.bodyContent table table div form {display:inline!important;}

body { background-color:1F1F1F; background-image:url();
cursor:crosshair;

scrollbar-3dlight-color:89CBC9;
scrollbar-arrow-color:89CBC9;
scrollbar-track-color:1F1F1F;
scrollbar-darkshadow-color:89CBC9;
scrollbar-face-color:89CBC9;
scrollbar-highlight-color:89CBC9;
scrollbar-shadow-color:89CBC9;}
filter:chroma(color=89CBC9);

background-repeat:repeat;
background-attachment:scroll;
background-position:top left;}

a:link, a:active, a:visited {font-family:Silkscreen;
color:98656D;
font-size:9px;
line-height:10px;
font-weight:normal;
display:inline;
text-transform:uppercase; }

a:hover {color:89CBC9;
cursor:crosshair;
text-decoration:none;
cursor:crosshair;}

td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;}
td.text embed {width:60px; height:38px;}
td.text embed, td.text object {width:660px; height:38px}

strong, b{color:98656D;font-family:Silkscreen;
font-size:9pt;font-weight: bold;}

u{color:89CBC9;font-family:
Silkscreen;font-size:9pt;text-decoration:underlined;
border-width:1px;border-style:dotted;
border-color:98656D;border-left:0px;
border-right:0px;border-top:0px;}

.overlay {top:120px;
left:50%;
margin-left:-500px;
position:absolute;
z-index:1;}

.about {background-color:transparent;
border:0px solid;
width:371px;
height:436px;
position:absolute;
overflow:auto;
top:313px;
left:50%;
margin-left:-410px;
font-family:Silkscreen;
color:FEFEFE;
font-size:9px;
line-height:10px;
text-decoration:none;
font-weight:normal;
z-index:4;}

.navigation{ background-color:transparent;
border:0px solid;
width:371px;
height:18px;
position:absolute;
overflow:auto;
top:770px;
left:50%;
margin-left:-410px;
z-index:3;}

.navigation a {font-family:Silkscreen;
color:000000;
font-size:9px;
line-height:10px;
text-decoration:none;
font-weight:normal; }

.credit { background-color:transparent;
border:0px solid;
width:80px;
height:10px;
position:absolute;
overflow:auto;
top:790px;
left:50%;
margin-left:-500px;
z-index:2;}

.credit a{font-family:Silkscreen;
color:000000;
font-size:9px;
line-height:10px;
text-decoration:none;
font-weight:normal; }
</style>

Replace your Who I'd Like To Meet codes with this:

CODE

<div class="overlay">
<img src="http://i31.tinypic.com/mm3dd0.png" width="1000" height="716" border="0" />
</div>


<div class="about">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus.
Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit
ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi.Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus.
Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit
ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi.Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper
id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa.
Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit.
</div>


<div class="navigation">
<center><a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" target="new">Home</a> <a href="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9WFhYWFhYWFhY" target="new">Message</a> <a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPVhYWFhYWFhYWA==" target="new">Comment</a> <a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD1YWFhYWFhYWFg=" target="new">Add</a> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXXX" target="new">Pictures</a> <a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja3VzZXImdXNlcmlkPVhYWFhYWFhY" target="new">Block</a></center>
</div>

<div class="credit">
<a href="http://www.myspace.com/109158963" target="new">meggybear</a>
</div>

That should fix it. Please review my revisions, compare the new codes with your old ones and take notes on the changes so your future submissions won't have any issues with other browsers / resolutions besides the one you're using.

[jiyong]

RAWRR my bad, I wasn't looking at the exact codes. But you should keep your codes more organized, and get rid of the unnecessary codes.

[Mickey]

Heh, it's no problem.

[meggyBEAR]

You may want to clean up your coding. There's a bunch of unnecessary tags that are left empty, that you could delete. You also didn't close the tag for the div named "overlay" with }. There's also a typo in your hide code:

CODE

div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}

You need to get rid of that dash in "di-splay:none" part.

thank you i'll try to see if this works :]

[meggyBEAR]

^Oh no, that will completely hide her layout. Meggybear, replace your About Me codes with this:

CODE

<style>
td.text td.text table table table, td.text td.text table br, .orangetext15, .redlink, a.navbar, font, .whitetext12, .btext, .orangetext15, .redbtext, .redtext, .blacktext12, .lightbluetext8, strong, .nametext, div b font font, div font font u, table table table table, .contacttable, div div table div, div.clearfix a, input, .friendSpace, .friendsComments, .latestBlogEntry {display:none!important;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}
td.text td.text {height:0;}

table table, table table table table, table table {background-color:transparent; border:0px;}
div, table, tr, td, th {background-color:transparent; text-align:left; border:0px;}
div table form tr td, td.text table, a.text, table div font a, table div div, {visibility:hidden;}
td.text table table {display:inline; visibility:visible;}
div.clearfix table div div {display:block;}
div.profileWidth div.clearfix {position:relative; top:480px !important; margin-left:40px !important;}
embed {position:absolute; top:0px; left:0px; display:block; width:0px; height:0px;}

a {hide top search and shortcuts bar}
div table div form {display:none !important}
.bodyContent div td div div select {margin-top:-1000px;}
.bodyContent div div select {width:0px !important;}
.bodyContent table table div form {display:inline!important;}

body {
background-color:1F1F1F;
background-image:url();
cursor:crosshair;
scrollbar-3dlight-color:89CBC9;
scrollbar-arrow-color:89CBC9;
scrollbar-track-color:1F1F1F;
scrollbar-darkshadow-color:89CBC9;
scrollbar-face-color:89CBC9;
scrollbar-highlight-color:89CBC9;
scrollbar-shadow-color:89CBC9;}
filter:chroma(color=89CBC9);
background-repeat:repeat;
background-attachment:scroll;
background-position:top left;}

a:link, a:active, a:visited {font-family:Silkscreen;
color:98656D; font-size:9px;
line-height:10px;
font-weight:normal;
display:inline;
text-transform:uppercase; }

a:hover {color:89CBC9; cursor:crosshair; text-decoration:none; cursor:crosshair;}
td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;}
td.text embed {width:60px; height:38px;}
td.text embed, td.text object {width:660px; height:38px}

strong, b{color:98656D;
font-family:Silkscreen;
font-size:9pt;
font-weight: bold;}

u{color:89CBC9;
font-family:Silkscreen;
font-size:9pt;
text-decoration:underlined;
border-width:1px;
border-style:dotted;
border-color:98656D;
border-left:0px;
border-right:0px;
border-top:0px;}

.overlay {top:120px; left:50%; margin-left:-500px; position:absolute; z-index:1;}

.about {background-color:transparent;
border:0px solid;
width:371px;
height:436px;
position:absolute;
overflow:auto;
top:313px;
left:50%;
margin-left:-410px;
font-family:Silkscreen;
color:FEFEFE;
font-size:9px;
line-height:10px;
text-decoration:none;
font-weight:normal;
z-index:4;
}

.navigation{ background-color:transparent;
border:0px solid;
width:371px;
height:18px;
position:absolute;
overflow:auto;
top:770px;
left:50%;
margin-left:-410px;
z-index:3;
}

.navigation a {
font-family:Silkscreen;
color:000000;
font-size:9px;
line-height:10px;
text-decoration:none;
font-weight:normal;
}

.credit { background-color:transparent;
border:0px solid;
width:80px;
height:10px;
position:absolute;
overflow:auto;
top:790px;
left:50%;
margin-left:-500px;
z-index:2;
}

.credit a{
font-family:Silkscreen;
color:000000;
font-size:9px;
line-height:10px;
text-decoration:none;
font-weight:normal;
}
</style>

Replace your Who I'd Like To Meet codes with this:

CODE

<div class="overlay">
<img src="http://i31.tinypic.com/mm3dd0.png" width="1000" height="716" border="0" />
</div>
<div class="about">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus.
Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit
ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi.Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus.
Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit
ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi.Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper
id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa.
Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
<div class="navigation">
<center><a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" target="new">Home</a> <a href="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9WFhYWFhYWFhY" target="new">Message</a> <a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPVhYWFhYWFhYWA==" target="new">Comment</a> <a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD1YWFhYWFhYWFg=" target="new">Add</a> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXXX" target="new">Pictures</a> <a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja3VzZXImdXNlcmlkPVhYWFhYWFhY" target="new">Block</a></center>
</div>

<div class="credit">
<a href="http://www.myspace.com/109158963" target="new">meggybear</a>
</div>

That should fix it. Please review my revisions, compare the new codes with your old ones and take notes on the changes so your future submissions won't have any issues with other browsers / resolutions besides the one you're using.

okay, thank you so much!

[manny-the-dino]

Topic Closed and Moved