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, 10:37 AM
Post
#2
|
|
![]() Kissing for yesterday. ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 465 Joined: Sep 2007 Member No: 569,813 |
sorry it was just something i was experimenting with last night with my latest layout "mean girls?" its on myspace layouts here, so you can take a look at that. in firefox and differnet versions of IE the navigation was moved about quite annoyingly, but when i used the code (different to the others) it worked.
such as follows: CODE .navigate { position: absolute; overflow:auto; left: 10%; top: 0%; margin-left: 525px; margin-top: 240px; background-color:transparant; font-family:times new roman; font-size:10px; color:black; font-weight:normal; width:300px; height:200px; padding:0; } this was the area which moved, you should see the margin-left and percentage change? and this was the area which stayed how i wanted: CODE .main { position: absolute; overflow:auto; top:665px; left:120px; background-color:transparant; font-family:tahoma; font-size:12px; color:FFFFFF; font-weight:normal; height:230px; width:475px; margin:0; padding:0; } so here you should see the coding is very differnet to before. those are my values, you will need to play about with yours until it fits both browsers? and i'd think it was welcome gradient...but i'd try it out in both? at the moment myspace is being really funny and iffy with everything because of the changes the mods are making there, so it could just be you're trying to do something beyond the HTML capacity of the servers at the moment on myspace? just a thought |
|
|
|
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
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![]() ![]() |