why is my everything diffrent on my div on IE7, my whole div mess's up on ie7 Options

[Lj-Phresh]

well,
on firefox evrything is right

this the pic

http://i36.tinypic.com/2w4hgqq.gif

but when i change to IE

everything goes up

http://i33.tinypic.com/b50a44.gif

and i googled to see whats wrong and couldnt find the problem

also if i press F11 for both browsers.it goes up

&&

also heres my code

CODE

<style style="text/css">

.37182{hide all the tables}
.profileInfo, .extendedNetwork,
.latestBlogEntry, .interestsAndDetails,
.userProfileURL, .friendsComments,
.userProfileNetworking, .userProfileSchool,
.userProfileDetail, .friendSpace,
.contactTable, .orangetext15{display: none}

.37182{make the tables transparent so you can see good}
table, tr, td{background-color: transparent}

.37182{put the music player in the top-left corner}
embed{position: absolute; top: 0; left: 0; width: 40px;}

.37182{make any other embeds stay where you put them}
td td td td embed,
td td td td object{position: static}


.37182{background settings}
body{
background-color: black;
background-image: url('http://i37.tinypic.com/1538l7a.gif');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center bottom;
}

.37182{the first div}
.keke{position: absolute; left: 50%;
overflow: auto;
top: 270px;
margin-left: -165px;
width: 164px;
height: 121px;
background-color: transparent;
z-index: 1;
padding: 3px;
border: 0px solid;
border-color: 00aaff;
}

.37182{the first div}
.stuff{position: absolute; left: 50%;
overflow: auto;
top: 440px;
margin-left: -255px;
width: 143px;
height: 162px;
background-color: transparent;
z-index: 1;
padding: 3px;
border:0px solid;
border-color: 00aaff;
}

a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}
table tr td div font {display: none;}
tr {background-color:transparent}

.mygen { Created using MyGen 2.5 - www.mygen.co.uk }

.mygen { Text Properties }
table, tr, td, li, p, div { color:FFFFFF; }


</style>



<div class="moveLinks"></div>
<div class="keke">
<div style="text-align: center;">
<center>
<div style="width:###px;height:###px;overflow:auto;border-width:2px;border-color:000000;border-style:solid;">

<b>ABOUT ME</b>


</div>
</div>
</div>

<div class="moveLinks"></div>
<div class="stuff">
<center>
<div style="width:###px;height:###px;overflow:auto;border-width:2px;border-color:000000;border-style:solid;">
links -

-------------------

<b>ANYTHING!!!!!</b>



</div>
</div>

so could yall please help me!


just look at my myspace

http://profile.myspace.com/index.cfm?fusea...endid=277951636

ON IE7 THE TABLES GO UP.WHY????

[nikx618]

both images look exactly alike

[Tomates]

yeah it looks the same
although i guess if i look harder enough the IE picture looks a little more disorted?

If im right to what your asking about. Did you save the picture as a JPG? or PNG?
IF you saved it as a JPG it might answer to why its a bit lower quality since thats what happens to most JPG images and it takes away the full effect

Try saving it next time as a PNG because it saves it as a better quality

Now if what i said above isnt the problem...then my bad

[Lj-Phresh]

i mostly use firefox && when i look at the div i made on ff it looks how i want it

now on ie7 the tables go up

also

for both browsers..like if i press f11 for full screen it mess's up
so how do i make the tables stay where they are on both browsers?

[nikx618]

you cant change the f11 part. it makes it full screen, which will bring everything up.

[Lj-Phresh]

you cant change the f11 part. it makes it full screen, which will bring everything up.

i see in other divs it stays the same.i mean yea everything goes up but stays in the layout

mines is like theres a layer that goes up but the background dont

[fixtatik]

could you post your coding & a screen shot or link? it's hard to help without anything to go by. i'm assuming it's because you're positioning the div with fixed pixels rather than a percentage of the browser window.

[Lj-Phresh]

could you post your coding & a screen shot or link? it's hard to help without anything to go by. i'm assuming it's because you're positioning the div with fixed pixels rather than a percentage of the browser window.

ok well ill post the code.im really aint finshed with my layout.i only got 1 table outta 4 in.
ill post my myspace 2

http://profile.myspace.com/index.cfm?fusea...d9-74543ff18662

about me

CODE

<style style="text/css">

.37182{hide all the tables}
.profileInfo, .extendedNetwork,
.latestBlogEntry, .interestsAndDetails,
.userProfileURL, .friendsComments,
.userProfileNetworking, .userProfileSchool,
.userProfileDetail, .friendSpace,
.contactTable, .orangetext15{display: none}

.37182{make the tables transparent so you can see good}
table, tr, td{background-color: transparent}

.37182{put the music player in the top-left corner}
embed{position: absolute; top: 0; left: 0; width: 40px;}

.37182{make any other embeds stay where you put them}
td td td td embed,
td td td td object{position: static}


.37182{background settings}
body{
background-color: 000;
background-image: url('http://i33.tinypic.com/fji6xj.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center bottom;
}

.37182{the first div}
.stillfly{position: fixed; left: 50%;
overflow: auto;
top: 300px;
margin-left: -100px;
width: 159px;
height: 178px;
background-color: fff;
z-index: 1;
padding: 3px;
border: 2px solid;
border-color: 00aaff;
}

.37182{bring back the bottom links}
.moveLinks{height:400px;}

</style>

who id like 2m meet

CODE

<div class="moveLinks"></div>
<div class="stillfly">
Blahh blahhh blah. your stuff shows up here
</div>

[fixtatik]

the screen shots you posted are the exact image. but on your myspace, the look the same in both firefox and ie, to me.

your problem is setting the background image improperly. in your code, find the background-position for body { } and change it to this:

CODE

background-position: center 160px;

you might have to adjust it to your needs, but it should fix the problem.

[Lj-Phresh]

the screen shots you posted are the exact image. but on your myspace, the look the same in both firefox and ie, to me.

your problem is setting the background image improperly. in your code, find the background-position for body { } and change it to this:

CODE

background-position: center 160px;

you might have to adjust it to your needs, but it should fix the problem.

when i fix it what i looking 4?

[pandemonium]

i think it's because you have the image in the background...
what i do is i make a div box with the width and height of the image, position it on the center and then add other transparent boxes above the image with the text

[allvanishing]

The problem is that you set the div to a fixed position. This should work (just the about me):

CODE

<style style="text/css">

.37182{hide all the tables}
.profileInfo, .extendedNetwork,
.latestBlogEntry, .interestsAndDetails,
.userProfileURL, .friendsComments,
.userProfileNetworking, .userProfileSchool,
.userProfileDetail, .friendSpace,
.contactTable, .orangetext15{display: none}

.37182{make the tables transparent so you can see good}
table, tr, td{background-color: transparent}

.37182{put the music player in the top-left corner}
embed{position: absolute; top: 0; left: 0; width: 40px;}

.37182{make any other embeds stay where you put them}
td td td td embed,
td td td td object{position: static}


.37182{background settings}
body{
background-color: 000;
background-image: url('http://i33.tinypic.com/fji6xj.jpg');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center 150px;
}

.37182{the first div}
.stillfly{
position: absolute;
left: 50%;
overflow: auto;
top: 300px;
margin-left: -100px;
width: 159px;
height: 178px;
background-color: fff;
z-index: 1;
padding: 3px;
border: 2px solid;
border-color: 00aaff;
}

.37182{bring back the bottom links}
.moveLinks{height:400px;}

</style>

[Lj-Phresh]

The problem is that you set the div to a fixed position. This should work (just the about me):

CODE

<style style="text/css">

.37182{hide all the tables}
.profileInfo, .extendedNetwork,
.latestBlogEntry, .interestsAndDetails,
.userProfileURL, .friendsComments,
.userProfileNetworking, .userProfileSchool,
.userProfileDetail, .friendSpace,
.contactTable, .orangetext15{display: none}

.37182{make the tables transparent so you can see good}
table, tr, td{background-color: transparent}

.37182{put the music player in the top-left corner}
embed{position: absolute; top: 0; left: 0; width: 40px;}

.37182{make any other embeds stay where you put them}
td td td td embed,
td td td td object{position: static}
.37182{background settings}
body{
background-color: 000;
background-image: url('http://i33.tinypic.com/fji6xj.jpg');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center 150px;
}

.37182{the first div}
.stillfly{
position: absolute;
left: 50%;
overflow: auto;
top: 300px;
margin-left: -100px;
width: 159px;
height: 178px;
background-color: fff;
z-index: 1;
padding: 3px;
border: 2px solid;
border-color: 00aaff;
}

.37182{bring back the bottom links}
.moveLinks{height:400px;}

</style>

IT WORKS!!!! THANK U SO MUCH!!!!!
WHAT DID YOU DO TO FIX IT???

[schizo]

He changed the position from fixed to absolute.

Also, please don't make multiple topics with the same question. I merged the two you made together.

[ALSALS]

could you post your coding & a screen shot or link? it's hard to help without anything to go by. i'm assuming it's because you're positioning the div with fixed pixels rather than a percentage of the browser window.

how do you use percentage? if you can show me a tiny example that would be sweet. i've always used pixels and never even bothered to check my profile in ie cuz i just didn't care, but now i care. i'd like it to look good in both.

[manny-the-dino]

Topic Closed & Moved