Forums > position in IE

Help - Search - Members - Calendar

Full Version: position in IE

Forums > Resource Center > Support Center > Myspace Support > Myspace Resolved Topics

pina

Oct 9 2008, 10:58 PM

it working fine on firefox,

IE6and7

full screen

its fine
but, if on small screen would be

help

fixtatik

Oct 10 2008, 12:41 AM

just a guess, but it looks like you just have the background positioned awkwardly. add this to your style sheet:

CODE

body { background-position:top center; }

if that doesn't work, it would probably be helpful if you provided some codes we could look at...

pina

Oct 10 2008, 01:03 AM

CODE

<style>
  table, tr, td { 
  background-color:transparent; 
 border:none; 
 border-width:0px; 
 }


*html  table table table{
width:320px !important;
margin:0px 0px 20px 10px;
}
 table table table { 
 width:100%; max-width: 600px; } 

table table table table { width:100%; 
 } 

*html .bodyContent{
background-position: 6px 0px;

}

.bodyContent  { 
  background-color:000066; 
  background-image:url("http://www.shiinatactix.com/myspace/bg2.jpg"); 
background-position: center top;
 background-repeat:repeat-y;
 } 

body td table, body div table {
margin-top: 0;
}



  table table { 
  border:0px; 
 } 
 .css-info {ヘッダー画像配置用のマージンを上部ナビゲーションの下に確保・ヘッダー画像の高さより20px多い値を設定※safariのかぶり対策}
div table table {
margin-bottom: 27px;
}

  table table table table { 
  border:0px; 
 background-image:none; 
 background-color:transparent; 
 } 

  table table table { 
  border-style:Solid; 
 border-width:0px; 
border-color:efdb50;

 } 

*html .topbanner {
	width:1248px; 
 margin-left: 6px;
background-image: url("http://www.shiinatactix.com/myspace/top3.jpg");
   background-position:center top;
 background-repeat:no-repeat;
}

.topbanner {
  width:100%; 
   height: 497px;
   position: absolute;
   margin-left: 0px;
	left: 0px;
   top: 0px;
   background-image: url("http://www.shiinatactix.com/myspace/top3.jpg");
   background-position:center top;
 background-repeat:no-repeat;
   }

body table {margin-top:350px; 
 }


body td table, body div table {margin-top: 0;}


  table table table td { 
  background-color:transparent; 
 } 


  table, tr, td, li, p, div,.text,.redtext, .blacktext12  { 
  color:aeadad; 
 font-family: Arial; 
 } 

   .whitetext12, .orangetext15 { 
  color:fffefc; 
 font-family: Arial; 
 } 

   .lightbluetext8, .blacktext10, .redbtext,.btext  { 
  color:fffefc; 
 font-family: Arial; 
 } 

   .nametext { 
  color:fffefc; 
 } 

  a:active, a:visited, a:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link, a.navbar:active, a.navbar:visited, a.navbar:link, a.redlink:active, a.redlink:visited, a.redlink:link  { 
  color:e6cfa5; 
 font-family: Arial; 
 } 

  a:hover, a.searchlinksmall:hover, a.navbar:hover, a.redlink:hover  { 
  color:e6cfa5; 
 font-family: Arial; 
 } 

.contactTable
{width:280px!important;
height:140px!important;
padding:0px!important;
background-image:url("http://www.shiinatactix.com/myspace/navi.jpg");
background-attachment:scroll; 
background-position:center center;
background-repeat:no-repeat;}

.contactTable table, table.contactTable td
{padding:0px !important;
border:0px;
background-color:transparent !important;
background-image:none;}

.contactTable a img
{visibility:hidden; border:0px!important;}
.contactTable a {display:block; height:20px; width:115px;}
.contactTable .text {font-size:1px!important;}
.contactTable .text, .contactTable a, .contactTable img
{filter:none!important;}
.contactTable .whitetext12 {display:none;}C{  }
 </style>


<style>
		body, html {visibility:visible !important; display:block !important}
	</style>

fixtatik thank you for reply!
i already put background position,
the problem is the table (profile table) is moving when minimized screen.. i want the table dont move *lost in css*

Anarchy

Oct 10 2008, 04:55 AM

Look for this:

CODE

.bodyContent {
background-color:000066;
background-image:url("http://www.shiinatactix.com/myspace/bg2.jpg");
background-position: center top;
background-repeat:repeat-y;
}

Try replacing it with this:

CODE

body {
background-color:000066;
background-image:url("http://www.shiinatactix.com/myspace/bg2.jpg");
background-position: top center;
background-repeat:repeat-y;
}

See what happens.

pina

Oct 10 2008, 05:08 AM

*cries*
anarchy, thank you for replying..
but it doesnt work

Anarchy

Oct 10 2008, 05:33 AM

Alright, I'll help you later when I get off college if someone hasn't already.

fixtatik

Oct 10 2008, 06:50 AM

i can't seem to get it to do the same problem you're having. maybe your computer hates you? =s

Anarchy

Oct 10 2008, 08:05 AM

Alright, replace your codes with this:

CODE

<style>
table, tr, td {
background-color:transparent;
border:none;
border-width:0px;
}

body {
background-color:000066;
background-image:url("http://www.shiinatactix.com/myspace/bg2.jpg");
background-position: top center;
background-repeat:repeat-y;
}

body td table, body div table {
margin-top: 0;
}



table table {
border:0px;
}
.css-info {ヘッダー画像配置用のマージンを上部ナビゲーションの下に確保・ヘッダー画像の高さより20px多い値を設定※safariのかぶり対策}
div table table {
margin-bottom: 27px;
}

table table table table {
border:0px;
background-image:none;
background-color:transparent;
}

table table table {
border-style:Solid;
border-width:0px;
border-color:efdb50;

}

*html .topbanner {
width:1248px;
margin-left: 6px;
background-image: url("http://www.shiinatactix.com/myspace/top3.jpg");
background-position:center top;
background-repeat:no-repeat;
}

.topbanner {
width:100%;
height: 497px;
position: absolute;
margin-left: 0px;
left: 0px;
top: 0px;
background-image: url("http://www.shiinatactix.com/myspace/top3.jpg");
background-position:center top;
background-repeat:no-repeat;
}

body table {margin-top:350px;
}


body td table, body div table {margin-top: 0;}


table table table td {
background-color:transparent;
}


table, tr, td, li, p, div,.text,.redtext, .blacktext12 {
color:aeadad;
font-family: Arial;
}

.whitetext12, .orangetext15 {
color:fffefc;
font-family: Arial;
}

.lightbluetext8, .blacktext10, .redbtext,.btext {
color:fffefc;
font-family: Arial;
}

.nametext {
color:fffefc;
}

a:active, a:visited, a:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link, a.navbar:active, a.navbar:visited, a.navbar:link, a.redlink:active, a.redlink:visited, a.redlink:link {
color:e6cfa5;
font-family: Arial;
}

a:hover, a.searchlinksmall:hover, a.navbar:hover, a.redlink:hover {
color:e6cfa5;
font-family: Arial;
}

.contactTable
{width:280px!important;
height:140px!important;
padding:0px!important;
background-image:url("http://www.shiinatactix.com/myspace/navi.jpg");
background-attachment:scroll;
background-position:center center;
background-repeat:no-repeat;}

.contactTable table, table.contactTable td
{padding:0px !important;
border:0px;
background-color:transparent !important;
background-image:none;}

.contactTable a img
{visibility:hidden; border:0px!important;}
.contactTable a {display:block; height:20px; width:115px;}
.contactTable .text {font-size:1px!important;}
.contactTable .text, .contactTable a, .contactTable img
{filter:none!important;}
.contactTable .whitetext12 {display:none;}C{ }
</style>


<style>
body, html {visibility:visible !important; display:block !important}
</style>

That should do it.

pina

Oct 17 2008, 12:42 AM

thank you anarchy !
it works on firefox,but not in ie

my space hates me

Anarchy

Oct 17 2008, 04:40 AM

Alright, I'll take a look at it again when I get home.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.