position in IE, problem on IE Options

[pina]

it working fine on firefox,

IE6and7

full screen


its fine
but, if on small screen would be


help

[fixtatik]

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]

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*

Reason for edit: Please use [codebox] tags instead of [code] tags when posting longer codes. - Mike

[Mickey]

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]

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

[fixtatik]

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

[Mickey]

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]

thank you anarchy !
it works on firefox,but not in ie
my space hates me