Mozilla & IE graphics differ

[tavi0194]

So I made a myspace layout & I uploaded everything and have the html for it keep in mind I was using mozilla throughout the whole process. When I was done my graphics looked really good but I go on Internet Explorer a few days later and view my layout and everything is completely spread out idk what's wrong with it it looks perfectly fine on Mozilla but its a complete mess in IE.
Can someone PLEASE help me with this I've been trying to find out what's the problem but no luck.

[Nile]

Its probably a problem with your margin and/or your padding. IE and Firefox don't have the same... (from what I know)

Can you please post a link to your page or give us the code, we can then help you with that data.

[tavi0194]

<style>
body {
background-color: rgb(0, 0, 0);
background-image: url(http://i36.tinypic.com/i19me1.jpg);
background-position: center center;
background-repeat: repeat;
background-attachment: fixed;
}
table, tr, td {
background-color: transparent;
border: 0px;
}
</style> <style>
table table {
border: 0px;
}
table table table table{
border:0px;
}
table table table {
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: outset;
background-color: transparent;
}
table table table td {
background-color: rgb(0, 0, 0);
}
table table table table td {
filter:none;
}</style> <style>
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
font-family: Trebuchet MS;
font-size: 12px;
color: rgb(224, 214, 59);
font-weight: normal;
font-style: normal;
text-decoration: none;
}
.nametext {
padding: 5px;
font-family: Verdana;
font-size: 0px;
color: rgb(0,0,0);
font-weight: bold;
font-style: normal;
text-decoration: none;
display: block;
}
.whitetext10, .orangetext15 {
font-family: Verdana;
font-size: 12px;
color: rgb(224, 214, 59);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
color: rgb(224, 214, 59);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:hover, a.man:hover, a:hover {
color: rgb(224, 214, 59);
font-weight: bold;
font-style: normal;
text-decoration: underline;
}
.badge {
position: absolute;
left: 1px;
top: 1px;
}
</style> <style>
.nametext {display:block; font-size:0%; width:100%;

background-image:url(http://i34.tinypic.com/15s10fd.jpg);

background-position:center center; background-repeat: no-repeat; height:144px; margin:0px;

padding:0px;}
</style> <style>
.blacktext12 {
font-family: Arial; font-size: 0px; color: 000000;}
span.blacktext12 {
background-color: transparent; background-image: url('http://i55.photobucket.com/albums/g140/winterspast0118/NetworkBanner3.jpg'); width: 435px; height: 200px; display: block;
</style>

[tavi0194]

*bump*

[TheJoshMan]

MySpace has so many "strippers" in place, that I don't know if they will allow you to put this, but try and add this to your code before any other <style> tags...

<style type="text/css">
* {
margin: 0 !important;
padding: 0 !important;
}
</style>

[tavi0194]

nope =(.
someone please find out how to fix it

[TheJoshMan]

Well honestly, it's a little hard to find the errors if we can only see the CSS. We need to be able to see the HTML as well.

[mburt]

Well honestly, it's a little hard to find the errors if we can only see the CSS. We need to be able to see the HTML as well.

I'm guessing the myspace layout only allows you to access the stylesheet on the site.

[TheJoshMan]

yea, MySpace is a royal pain. They allow you to enter CSS and HTML into textareas on the "edit profile" page. Which if you put the CSS above the HTML, then for all intents and purposes, it will allow you to do "whatever" you want with your page... Except anything decent! LOL

They have so many code and tag strippers, that it's nearly impossible to make a decent looking layout anymore, so I quit trying. You have to go through a normal MySpace profile and check and find ALL the different ID's and Classes used by their stylesheet, then redefine them in your CSS and add "!important" to the end of each attribute so that you can override it.

It truly is a gargantuan mess....

[mburt]

It truly is a gargantuan mess....

It sounds like it. I would prefer making a site without the use of some external service, like MySpace.