true width:100%; divs, are they possible on myspace with IE?, Help appreciated :) |
true width:100%; divs, are they possible on myspace with IE?, Help appreciated :) |
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: ![]() |
|
|
|
![]() |
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. |
|
|
|
xTHExDUDEx true width:100%; divs, are they possible on myspace with IE? Apr 7 2008, 12:33 PM
xTHExDUDEx Hey!
I've stripped some non-relevant html ... Apr 7 2008, 09:53 PM
xTHExDUDEx Thanks, and of course I don't use IE7, no self... Apr 7 2008, 11:20 PM
vintage-toile does position:absolute not work then? Apr 8 2008, 09:11 AM
xTHExDUDEx I use IE7 as a test at the moment yes, although I ... Apr 8 2008, 10:11 AM
vintage-toile i found last night that what worked for me was:
C... Apr 8 2008, 10:20 AM
xTHExDUDEx Could you be more specific, for which div? .contai... Apr 8 2008, 10:31 AM
vintage-toile sorry it was just something i was experimenting wi... Apr 8 2008, 10:37 AM
xTHExDUDEx This cannot result in the image being spanned 100%... Apr 8 2008, 10:46 AM![]() ![]() |