HELP DIV FIREFOX AND IE7 !, AND HOVERS!! IF YOU CAN ! Options

[themusicworld205...]

THIS WORKS FOR FIREFOX BUT NOT IN IE7. WHY?
ANOTHER QUESTION HOW YOU PUT HOVERS LIKE IN THIS PAGE : http://www.divoverlay.com/myspace-layouts/preview/56

About Me:

CODE

<style type="text/css">



.BOTTOM-BG {
background-color:000000; color:000000;
border:15px solid; border-color:000000;
width:953px; height:130px; overflow:auto;
position:absolute; z-index:1; left:50%; top:0%;
margin-left:-490px; margin-top:1160px;
visibility:visible;}


.TOP-BG {
background-color:000000; color:000000;
border:15px solid; border-color:990000;
width:953px; height:980px; overflow:auto;
position:absolute; z-index:1; left:50%; top:0%;
margin-left:-490px; margin-top:150px;
visibility:visible;}

.NAV {
background-color:000000; color:000000;
border:0px solid; border-color:ffffff;
width:983px; height:30px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-490px; margin-top:315px;
visibility:visible;}

.TOP-BANNER {
background-color:000000; color:000000;
border:15px solid; border-color:990000;
width:953px; height:130px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-490px; margin-top:150px;
visibility:visible;}

.LEFT-BOX {
background-color:000000; color:000000;
border:2px solid; border-color:FFFFFF;
width:200px; height:500px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-475px; margin-top:350px;
visibility:visible;}

.CENTER-BOX {
background-color:000000; color:000000;
border:2px solid; border-color:FFFFFF;
width:515px; height:500px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-255px; margin-top:350px;
visibility:visible;}

.RIGHT-BOX {
background-color:000000; color:000000;
border:2px solid; border-color:FFFFFF;
width:200px; height:500px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:275px; margin-top:350px;
visibility:visible;}


.BOTTOM-BOX {
background-color:000000; color:000000;
border:2px solid; border-color:FFFFFF;
width:953px; height:200px; overflow:auto;
position:absolute; z-index:1; left:50%; top:0%;
margin-left:-475px; margin-top:860px;
visibility:visible;}

</style>




<style type="text/css">
.userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendsComments,.extendedNetwork, .latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable { display:none;}
a.text, table div font a, table div div {visibility:hidden;}
table tr td div font {display: none;}
table, td, tr{ background-color:transparent;}
</style>

<style type="text/css">

.a {hide top search bar}
div div select, div div form {display:none !important;}
<style>

I'd Like to Meet:

CODE

<div align="center"><div class="BOTTOM-BG">
</div>

<div class="TOP-BG">
</div>

<div class="NAV">
</div>

<div class="TOP-BANNER">
<img src="http://i96.photobucket.com/albums/l179/themusicworld2050/hvhdr.jpg">
</div>

<div class="LEFT-BOX">
</div>


<div class="CENTER-BOX">
</div>


<div class="RIGHT-BOX">
</div>


<div class="BOTTOM-BOX">
</div>




<style type="text/css">

body {
background-color:ffffff;
background-image:url(http://i96.photobucket.com/albums/l179/themusicworld2050/sdfdghj.jpg);
background-position: bottom left;
background-attachment:fixed;
background-repeat: no-repeat;
}
</style></div>

Reason for edit: codebox = holly

[Insurmountable]

Can you give me a screen shot of what it looks like in IE?

[themusicworld205...]

IE7


http://i96.photobucket.com/albums/l179/the...0/layoutIE7.jpg

FIREFOX

http://i96.photobucket.com/albums/l179/the...youtfirefox.jpg

[Insurmountable]

find this:

.TOP-BANNER {
background-color:000000; color:000000;
border:15px solid; border-color:990000;
width:953px; height:130px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-490px; margin-top:150px;
visibility:visible;}

And change it to this:

CODE

.TOP-BANNER {
background-color:000000; color:000000;
border:15px solid; border-color:990000;
width:953px; height:130px; overflow:none;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-490px; margin-top:150px;
visibility:visible;}

[themusicworld205...]

THAT WORK GREAT THANX

BUT THERES ANOTHER PROMBLEM

TABLES MOVE TO THE SIDE

IE7 :
http://i96.photobucket.com/albums/l179/the...d2050/IE7-2.jpg

FIREFOX :
http://i96.photobucket.com/albums/l179/the...0/firefox-2.jpg

[digitalfragrance]

Have you tried aligning your tables in IE and adding the "!important" attritube to all of the margin values?

[themusicworld205...]

yea and did not work it moves the tables to te bottom

[digitalfragrance]

Have you tried spacing the tables out correctly, but then using a DIV layer wrapped around the enitre table code to center it? I know that works for HTML... for both browsers

[themusicworld205...]

how u do that?

[digitalfragrance]

Wait, nevermind, that wouldn't work on Myspace. Sorry about that.

[themusicworld205...]

so then what can i do ?

[digitalfragrance]

Hm. I think that's just one of those Firefox/IE stupidities... I'm not sure you can correct it to that degree.

[themusicworld205...]

0k

but can u help me with the hovers?????

[digitalfragrance]

Okay, here's what the person did. She named those links individual names "add, block, etc", and then created normal link CSS according to that, like this for the add link:

CODE

.add a:link, .add a:visited, .add a:active {
    width: 70px;
    height: 35px;
    background-image: url("http://i174.photobucket.com/albums/w111/divoverlaycom/DIV/butyou/add1.gif");
    display: block;
    z-index:5;}
.add a:hover {
    width: 70px;
    height: 35px;
    z-index:5;
    background-image: url("http://i174.photobucket.com/albums/w111/divoverlaycom/DIV/butyou/add2.gif");
    display: block;}

She put height and width attributes accordingly to the images that she used to link. Also, she made the original link a picture [add] (first gif reference) and then made the hover picture [add with the strikeout] (second gif reference).

[themusicworld205...]

do u now any site or anything that will help me make a div that WORKS for firefox and IE7 ??????

[Insurmountable]

Help is what were here for

But first I suggest reading these topics:
http://www.createblog.com/forums/index.php?showtopic=142922
http://www.createblog.com/forums/index.php?showtopic=97397

[themusicworld205...]

If i make a div from using information from this sites will they work for firefox and IE7???

[IVIike]

yeah it will work in all browsers