TheJoshMan
12-16-2006, 06:16 AM
Hey, I've been working on a MySpace profile for someone and once I finished it and uploaded all the images and so on... Everything looked just fine for me, yet the customer viewed it in IE7 (same as me) and her screen resolution was set to the same as mine... (1024x768), yet she says that everything is out of alignment. She said that the pic of her has her head chopped in two, also the scrolling marquee which I put inside an "abso pos" div isn't scrolling inside the white box it's supposed to, rather it's scrolling above it and covering up the input buttons for the "comment" form. She aslo said that the "view photos" and "view blogs" buttons had a glitch in them, where one of them looks to have "repeated" itself to fill empty space or something... I also have people viewing it in Firefox saying some of the same things... Now, I can understand the issue with there being differences in Firefox and IE... But why the differences between MY computer using IE and HER computer using IE??? I'm rackin my brains here but I can't figure it out. Here's the link to her profile... Please, any help would be TREMENDOUSLY appreciated!!!
http://www.myspace.com/mdknightbabe
Also, here is the full code for the profile so that you won't have to sift through all the generated MySpace code in the page...
CSS...
<style type="text/css">
body {
background-color:000000;
}
.main{
position:absolute;
top: 1px;
left: 50%;
margin-left: -510px;
z-index: 6;
background-color:000000;
height: 1481px;
width: 1024px;
overflow: hidden;
}
a:link, a:visited, a:active{
font-family:verdana;
color:707070;
font-weight:bold;
font-variant:small-caps;
text-decoration:none;
}
a:hover{
color:00534e;
font-family:verdana;
font-weight:bold;
font-variant:small-caps;
text-decoration:none;
}
.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
-moz-opacity: 0.0;
}
.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
img{
border:0px;
}
.about{
height:219px;
width:248px;
overflow:auto;
scrollbar-base-color: 000000;
scrollbar-arrow-color: 000000;
scrollbar-3dlight-color: 000000;
scrollbar-darkshadow-color: 000000;
scrollbar-face-color: 000000;
scrollbar-highlight-color: 000000;
scrollbar-track-color: 000000;
padding:0px 4px 0px 0px;
}
p{
font-family:verdana;
font-size:0.9em;
color:ababab;
font-variant:small-caps;
text-indent:8px;
font-weight:normal;
}
ul, ol, dl, dd, li{
list-style:none;
display:inline;
padding:0px 12px 0px 0px;
}
.friends{
background-color:transparent;
padding:0px 0px 0px 0px;
background-image:none;
position:absolute;
top:772px;
left:308px;
height:174px;
width:470px;
overflow:hidden;
z-index:9;
}
textarea{
background-color:transparent;
border: 1px solid;
border-color: ababab;
overflow: hidden;
font-family: verdana;
font-size: 1em;
color:ababab;
font-variant: small-caps;
font-weight: normal;
padding: 3px 3px 3px 3px;
}
input{
background-color:303030;
height:20px;
width: 54px;
border:1px solid;
border-color:00534e;
font-family: verdana;
font-size: .9em;
color:00534e;
font-variant: small-caps;
font-weight: normal;
}
.copyright{
position:absolute;
top:1464px;
left:50%;
margin-left:-290px;
height:16px;
width:780px;
font-family:BankGothic Md BT, Verdana;
font-size:12px;
color:ababab;
font-weight:bold;
z-index:9;
}
.comt td, .comt table{
width:0px!important;
height:0px!important;
background-color:transparent!important;
border:0px!important;
_padding:2px!important;
}
.comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{
visibility:visible;
}
.comt td td td b{
top:0px;
display:inline;
}
.comt td td td table, .comt .orangetext15, .redlink, .comt .btext, .frnd{
display:none;
}
.comt td b, .blacktext10 {
display:block;
}
.comt {
z-index:7;
}
.comt table, .comt b {
position:relative;
top:-39px; _top:-30px;
}
JB{The Main: comment div;}
.comt {
width:750px;
height:400px;
overflow:auto;
background-color:transparent;
border:0px solid;
border-color:black;
position:absolute;
top:1060px;
left:50%;
margin-left:-365px;
padding:3px 0 0 0;
scrollbar-base-color:373737;
scrollbar-arrow-color:00534e;
scrollbar-3dlight-color:252525;
scrollbar-darkshadow-color:252525;
scrollbar-face-color:252525;
scrollbar-highlight-color:454545;
scrollbar-track-color:252525;
}
JB {Timestamp: width;}
.blacktext10 {
width: 550px;
color:00534e;
}
JB{hides: online now images in comments & top 8}
.comt td td td div{display:none;}
JB{resizes: images posted in comments}
.comt td td td img {width:200px; max-width:200px; _width:200px !important;}
JB{resizes: linked images including friends profile pic}
.comt td td td a img {width:30px; max-width:30px; _width:30px !important;}
JB{resizes: online now image}
.comt td td td div img {width:30px!important;}
JB{resizes: top 8 friend pics}
.comt td td td td img {width:30px!important;}
JB{adds comment spacer line}
.blacktext10{border-bottom:1px solid; border-color:00534e;}
JB{center Displaying XX of XX comments View Edit All Comments}
.comt td b {text-align:center;}
JB{all text in comments}
.comt td td td, .comt td td td b {font-face:verdana;font-size:8pt;color:ababab;font-variant:small-caps;}
JB{Add Comment link (all links)}
.comt td a {font-face:verdana; font-size:8pt;color:a1a1a1;font-variant:small-caps;}
.comt td a:hover {font-face:verdana; font-size:8pt; color:00534e;font-variant:small-caps;}
JB{links in comments and friends name}
.comt td td td a {font-face:verdana; font-size:8pt;color:a1a1a1;font-variant:small-caps;}
.comt td td td a:hover {font-face:verdana; font-size:8pt; color:00534e;font-variant:small-caps;}
JB{Displaying XX of XX comments View Edit All Comments}
.comt td b, .comt td b a, .redtext {font-face:verdana; font-size:8pt;color:a1a1a1;font-variant:small-caps;}
.comt td b a:hover {font-face:verdana; font-size:8pt; color:00534e;font-variant:small-caps;}
JB{View All of names Friends link}
.comt td a.redlink {font-face:verdana; font-size:8pt;color:a1a1a1;font-variant:small-caps;}
.comt td a.redlink:hover {font-face:verdana; font-size:8pt; color:00534e;font-variant:small-caps;}
JB{name has XXX friends}
.comt td .btext, .comt td .redbtext .bluebtext {font-face:verdana;font-size:8pt;color:ababab;font-variant:small-caps;}
</style>
http://www.myspace.com/mdknightbabe
Also, here is the full code for the profile so that you won't have to sift through all the generated MySpace code in the page...
CSS...
<style type="text/css">
body {
background-color:000000;
}
.main{
position:absolute;
top: 1px;
left: 50%;
margin-left: -510px;
z-index: 6;
background-color:000000;
height: 1481px;
width: 1024px;
overflow: hidden;
}
a:link, a:visited, a:active{
font-family:verdana;
color:707070;
font-weight:bold;
font-variant:small-caps;
text-decoration:none;
}
a:hover{
color:00534e;
font-family:verdana;
font-weight:bold;
font-variant:small-caps;
text-decoration:none;
}
.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
-moz-opacity: 0.0;
}
.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
img{
border:0px;
}
.about{
height:219px;
width:248px;
overflow:auto;
scrollbar-base-color: 000000;
scrollbar-arrow-color: 000000;
scrollbar-3dlight-color: 000000;
scrollbar-darkshadow-color: 000000;
scrollbar-face-color: 000000;
scrollbar-highlight-color: 000000;
scrollbar-track-color: 000000;
padding:0px 4px 0px 0px;
}
p{
font-family:verdana;
font-size:0.9em;
color:ababab;
font-variant:small-caps;
text-indent:8px;
font-weight:normal;
}
ul, ol, dl, dd, li{
list-style:none;
display:inline;
padding:0px 12px 0px 0px;
}
.friends{
background-color:transparent;
padding:0px 0px 0px 0px;
background-image:none;
position:absolute;
top:772px;
left:308px;
height:174px;
width:470px;
overflow:hidden;
z-index:9;
}
textarea{
background-color:transparent;
border: 1px solid;
border-color: ababab;
overflow: hidden;
font-family: verdana;
font-size: 1em;
color:ababab;
font-variant: small-caps;
font-weight: normal;
padding: 3px 3px 3px 3px;
}
input{
background-color:303030;
height:20px;
width: 54px;
border:1px solid;
border-color:00534e;
font-family: verdana;
font-size: .9em;
color:00534e;
font-variant: small-caps;
font-weight: normal;
}
.copyright{
position:absolute;
top:1464px;
left:50%;
margin-left:-290px;
height:16px;
width:780px;
font-family:BankGothic Md BT, Verdana;
font-size:12px;
color:ababab;
font-weight:bold;
z-index:9;
}
.comt td, .comt table{
width:0px!important;
height:0px!important;
background-color:transparent!important;
border:0px!important;
_padding:2px!important;
}
.comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{
visibility:visible;
}
.comt td td td b{
top:0px;
display:inline;
}
.comt td td td table, .comt .orangetext15, .redlink, .comt .btext, .frnd{
display:none;
}
.comt td b, .blacktext10 {
display:block;
}
.comt {
z-index:7;
}
.comt table, .comt b {
position:relative;
top:-39px; _top:-30px;
}
JB{The Main: comment div;}
.comt {
width:750px;
height:400px;
overflow:auto;
background-color:transparent;
border:0px solid;
border-color:black;
position:absolute;
top:1060px;
left:50%;
margin-left:-365px;
padding:3px 0 0 0;
scrollbar-base-color:373737;
scrollbar-arrow-color:00534e;
scrollbar-3dlight-color:252525;
scrollbar-darkshadow-color:252525;
scrollbar-face-color:252525;
scrollbar-highlight-color:454545;
scrollbar-track-color:252525;
}
JB {Timestamp: width;}
.blacktext10 {
width: 550px;
color:00534e;
}
JB{hides: online now images in comments & top 8}
.comt td td td div{display:none;}
JB{resizes: images posted in comments}
.comt td td td img {width:200px; max-width:200px; _width:200px !important;}
JB{resizes: linked images including friends profile pic}
.comt td td td a img {width:30px; max-width:30px; _width:30px !important;}
JB{resizes: online now image}
.comt td td td div img {width:30px!important;}
JB{resizes: top 8 friend pics}
.comt td td td td img {width:30px!important;}
JB{adds comment spacer line}
.blacktext10{border-bottom:1px solid; border-color:00534e;}
JB{center Displaying XX of XX comments View Edit All Comments}
.comt td b {text-align:center;}
JB{all text in comments}
.comt td td td, .comt td td td b {font-face:verdana;font-size:8pt;color:ababab;font-variant:small-caps;}
JB{Add Comment link (all links)}
.comt td a {font-face:verdana; font-size:8pt;color:a1a1a1;font-variant:small-caps;}
.comt td a:hover {font-face:verdana; font-size:8pt; color:00534e;font-variant:small-caps;}
JB{links in comments and friends name}
.comt td td td a {font-face:verdana; font-size:8pt;color:a1a1a1;font-variant:small-caps;}
.comt td td td a:hover {font-face:verdana; font-size:8pt; color:00534e;font-variant:small-caps;}
JB{Displaying XX of XX comments View Edit All Comments}
.comt td b, .comt td b a, .redtext {font-face:verdana; font-size:8pt;color:a1a1a1;font-variant:small-caps;}
.comt td b a:hover {font-face:verdana; font-size:8pt; color:00534e;font-variant:small-caps;}
JB{View All of names Friends link}
.comt td a.redlink {font-face:verdana; font-size:8pt;color:a1a1a1;font-variant:small-caps;}
.comt td a.redlink:hover {font-face:verdana; font-size:8pt; color:00534e;font-variant:small-caps;}
JB{name has XXX friends}
.comt td .btext, .comt td .redbtext .bluebtext {font-face:verdana;font-size:8pt;color:ababab;font-variant:small-caps;}
</style>