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 7 2008, 09:53 PM
Post
#2
|
|
|
Senior Member ![]() ![]() ![]() ![]() Group: Member Posts: 174 Joined: Apr 2007 Member No: 517,502 |
Hey!
I've stripped some non-relevant html and css as I don't want some of it to be ripped off just yet. Thanks. HTML: CODE <div class="welcome_gradient"> </div> <div class="welcome_bg_color"> </div> <div class="about_us_gradient"> </div> <div class="about_us_bg_color"> </div> <div class="info_gradient"> </div> <div class="info_bg_color"> </div> <div class="container"> <div class="main-nav"> <div class="clear-both"> </div> </div> </div> <div class="main-nav2"> <div class="clear-both"> </div> </div> </div> <div class="main-nav3"> <div class="clear-both"> </div> </div> </div> <div class="main-nav4"> <div class="clear-both"> </div> </div> </div> <div class="main-nav5"> <div class="clear-both"> </div> </div> </div> <div class="main-nav6"> <div class="clear-both"> </div> </div> </div> </div> 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:0px; left:0px; width:100%; height:70px; background-image:url(http://img511.imageshack.us/img511/990/colorgradient1xm1.gif); background-position:top left; background-repeat:repeat-x; } .welcome_bg_color { position:absolute; top:70px; left:0px; width:100%; height:2375px; background-color:000000; } .about_us_gradient { position:absolute; top:2375px; left:0px; width:100%; height:100px; background-image:url(http://img413.imageshack.us/img413/8427/colorgradient2kh9.gif); background-position:top left; background-repeat:repeat-x; } .about_us_bg_color { position:absolute; top:2475px; left:0px; width:100%; height:1700px; background-color:00ff00; } .info_gradient { position:absolute; top:4175px; left:0px; width:100%; height:100px; background-image:url(http://img150.imageshack.us/img150/9052/colorgradient3iw2.gif); background-position:top left; background-repeat:repeat-x; } .info_bg_color { position:absolute; top:4275px; left:0px; width:100%; height:1700px; background-color:0000cc; } .container{ visibility:visible; position:absolute; width:790px; height:10800px; top:0px; left:50%; margin-left:-395px; } .main-nav, .main-nav2, .main-nav3, .main-nav4, .main-nav5, .main-nav6{ visibility:visible; position:absolute; top:0px; left:50%; margin-left:-395px; height:29px; float:left; background-image:url(http://img215.imageshack.us/img215/594/navbgrt3.gif); background-repeat:repeat-x; background-position:top left; width:790px; } .main-nav2 { } .main-nav3 { } .main-nav4 { } .main-nav5 { } .main-nav6 { } .main-nav ul, .main-nav li, .main-nav2 ul, .main-nav2 li, .main-nav3 ul, .main-nav3 li, .main-nav4 ul, .main-nav4 li, .main-nav5 ul, .main-nav5 li, .main-nav6 ul, .main-nav6 li { padding:0px; margin:0px; list-style-type:none; } .main-nav ul, .main-nav2 ul, .main-nav3 ul, .main-nav4 ul, .main-nav5 ul, .main-nav6 ul{ height:29px; line-height:29px; background-image:url(http://img246.imageshack.us/img246/8041/navbargl2.gif); background-position:right; background-repeat:no-repeat; float:left; padding:0px 1px 0px 0px; margin:0px 0px 0px 10px; } .main-nav li, .main-nav2 li, .main-nav3 li, .main-nav4 li, .main-nav5 li, .main-nav6 li{ height:29px; line-height:29px; display:inline; position:relative; float:left; width:80px; text-align:center; } .main-nav li a, .main-nav2 li a, .main-nav3 li a, .main-nav4 li a, .main-nav5 li a, .main-nav6 li a{ visibility:visible; height:29px; width:80px; text-align:center; float:left; background-image:url(http://img246.imageshack.us/img246/8041/navbargl2.gif); background-position:left; background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:300; } .main-nav li a:link, .main-nav li a:visited, .main-nav2 li a:link, .main-nav2 li a:visited, .main-nav3 li a:link, .main-nav3 li a:visited, .main-nav4 li a:link, .main-nav4 li a:visited, .main-nav5 li a:link, .main-nav5 li a:visited, .main-nav6 li a:link, .main-nav6 li a:visited { color:FFFFFF; text-decoration:none; } .main-nav li.active a, .main-nav li a:hover, .main-nav2 li.active a, .main-nav2 li a:hover, .main-nav3 li.active a, .main-nav3 li a:hover, .main-nav4 li.active a, .main-nav4 li a:hover, .main-nav5 li.active a, .main-nav5 li a:hover, .main-nav6 li.active a, .main-nav6 li a:hover { background-image:url(http://img212.imageshack.us/img212/7838/activeuf2.gif); background-repeat:no-repeat; background-position:left; } </style> Any ideas? |
|
|
|
xTHExDUDEx true width:100%; divs, are they possible on myspace with IE? Apr 7 2008, 12:33 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
xTHExDUDEx Sorry to double post, need a bump, new info as wel... Apr 8 2008, 09:05 PM![]() ![]() |