Log In · Register

 
true width:100%; divs, are they possible on myspace with IE?, Help appreciated :)
xTHExDUDEx
post Apr 7 2008, 12:33 PM
Post #1


Senior Member
****

Group: Member
Posts: 174
Joined: Apr 2007
Member No: 517,502



So, I'm having absolutely no fun trying to (yet again) baby step Internet Explorer through my layout. While Firefox is having no trouble at all stretching absolute divs to 100% width, Internet Explorer seems to treat it as relative anyway and so as far as I can make out is becoming stuck inside parent elements.

I guess what I'm asking is this: Is this a common problem and is there an IE hack readily available?

When I say IE, I mean IE7 specifically although I'd imagine IE6 and below behave the same.

Thank you very much for having a look, any help is appreciated!

Cheers!


Screens:

Firefox:


Internet Explorer 7:

 
 
Start new topic
Replies
xTHExDUDEx
post Apr 8 2008, 09:05 PM
Post #2


Senior Member
****

Group: Member
Posts: 174
Joined: Apr 2007
Member No: 517,502



Sorry to double post, need a bump, new info as well.

I deleted everything except the following CSS and HTML and still nothing, so it is definately IE7 that is the culprit here.

CSS:
CODE

<style type="text/css">

body {
margin-top:10200px;
}

div div select, div div form {display:none !important;}
select { filter:alpha(opacity=0); opacity:0.0; }

.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;}
body div table td form {display:none!important;}
table, td, tr{ background-color:transparent;}
object, embed{ width:0px; height:0px;}
body div td div div select {width:0px !important;}





.welcome_gradient {
position:absolute;
top:0%;
left:50%;
margin-left:-50%;
width:100%;
height:70px;
background-image:url(http://img511.imageshack.us/img511/990/colorgradient1xm1.gif);
background-position:top left;
background-repeat:repeat-x;
}

</style>



HTML:
CODE

<div class="welcome_gradient">
</div>


Does a mod mind if I take this to the Webmasters' Corner?

EDIT: applying the css to body gives the desired effect I require from a div, I opened a new topic with a related question.

Also: Using tables as an alternative doesn't help any.

I can't be the only person to ever encounter this can I?





I've given up, I can pretty much confirm that IE7 does not support 100% AP elements within myspace.

Mods can go ahead and close this.
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: