Relative Divs not working, their position is different in ie vs firefox |
 Jan 23 2008, 10:28 PM
Post
#1
|
|
|
Member  Group: Member Posts: 13 Joined: Jan 2008 Member No: 611,436  |
Perfect in Firefox!
Crap in IE? SIGH!!!!! Any suggestions? CODE <body>
<div id="layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 50%;margin-left:-475px; top: 0;"> <img src="http://img254.imageshack.us/img254/45/jermoneen3.jpg " width="950" height="2140" border="0"></div> <div id="Layer2" style="position:relative; width:200px; height:25px; z-index:2; left: -320px; top: 290px;"> <table width="893" height="25" border="0" cellpadding="1" cellspacing="5"> <tr> <td height="23"><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=99086618"><img src="http://img178.imageshack.us/img178/4521/blanklf2.gif" width="185" height="25" border="0"></a></td> <td height="23"><a href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=99086618&public=0"><img src="http://img178.imageshack.us/img178/4521/blanklf2.gif" width="198" height="25" border="0"></a></td> <td><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.forward&friendID=99086618&f=forwardprofile"><img src="http://img178.imageshack.us/img178/4521/blanklf2.gif" width="198" height="25" border="0"></a></td> <td><a href="http://collect.myspace.com/index.cfm?fuseaction=RateImage.UserRating&UserID=99086618"><img src="http://img178.imageshack.us/img178/4521/blanklf2.gif" width="198" height="25" border="0"></a></td> </tr> </table> </div> <div id="Layer2b" style="position:relative; width:200px; height:25px; z-index:2; left: -315px; top: 305px;"> <table width="893" height="25" border="0" cellpadding="1" cellspacing="5"> <tr> <td height="23"><a href=" http://groups.myspace.com/index.cfm?fuseac...uot;><img src="http://img178.imageshack.us/img178/4521/blanklf2.gif" width="185" height="25" border="0"></a></td> <td height="23"><a href=" http://collect.myspace.com/index.cfm?fusea...uot;><img src="http://img178.imageshack.us/img178/4521/blanklf2.gif" width="198" height="25" border="0"></a></td> <td><a href=" http://mail.myspace.com/index.cfm?fuseacti...uot;><img src="http://img178.imageshack.us/img178/4521/blanklf2.gif" width="198" height="25" border="0"></a></td> <td><a href=" http://viewmorepics.myspace.com/index.cfm?...uot;><img src="http://img178.imageshack.us/img178/4521/blanklf2.gif" width="198" height="25" border="0"></a></td> </tr> </table> </div> <div id="Layer2c" style="position:relative; width:200px; height:25px; z-index:2; left: -315px; top: 325px;"> <table width="350" height="25" border="0" cellpadding="1" cellspacing="1"> <tr> <td height="23"><a href=" http://blog.myspace.com/index.cfm?fuseacti...uot;><img src="http://img178.imageshack.us/img178/4521/blanklf2.gif" width="185" height="25" border="0"></a></td> <td height="23"><a href=" http://collect.myspace.com/index.cfm?fusea...uot;><img src="http://img178.imageshack.us/img178/4521/blanklf2.gif" width="198" height="25" border="0"></a></td> </tr> </table> </div> <div id="Layer3" style="position:relative; width:123px; height:95px; z-index:3; left: -276px; top: -225px;"><table width="137" height="97" border="0" cellpadding="1" cellspacing="1"> <tr> <td><a href="http://groups.myspace.com/index.cfm?fuseaction=groups.addtogroup&friendID=99086618"><img src="http://img178.imageshack.us/img178/4521/blanklf2.gif" width="140" height="19" border="0"></a></td> </tr> <tr> <td><a href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=99086618&public=0"><img src="http://img178.imageshack.us/img178/4521/blanklf2.gif" width="140" height="19" border="0"></a></td> </tr> <tr> <td><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.forward&friendID=99086618&f=forwardprofile"><img src="http://img178.imageshack.us/img178/4521/blanklf2.gif" width="140" height="19" border="0"></a></td> </tr> <tr> <td><a href="http://collect.myspace.com/index.cfm?fuseaction=RateImage.UserRating&UserID=99086618"><img src="http://img178.imageshack.us/img178/4521/blanklf2.gif" width="140" height="19" border="0"></a></td> </tr> </table> </div> <div id="Layer4" class="style1" style="position:relative; width:315px; height:346px; z-index:4; left: -295px; top: 300px; overflow: auto;"> <p align="justify"> <font face="Tahoma"><font color= "white"><br> Jermone T. Glenn is a multi-faceted man of God called to reach this end time generation. With anointed life changing messages he is able to effectively minister to the hearts of every one from the eldest church mother to the youth and young at heart. Having a burden to reach those influenced by todays culture, he captivates listeners with an animated, down to earth, relevant message. A revolutionary of our time Elder Glenn is certainly not your "average preacher" A radical minister of the Gospel, Jermone Glenn has an urgent and intense passion for winning souls and building the Kingdom of God. His ministry surpasses all age, racial, economic, and denominational barriers. The method may differ but the message stays the same, proclaiming the victorious life available to all through our Lord and Savior Jesus Christ Jermone Glenn is a loving husband to Erica and devoted father to Josiah and Mona'e. They reside in Grand Rapids.</font></p> </div> </div> <div id="Layer5" class="style2" style="position:relative; width:321px; height:349px; z-index:5; left: -300px; top: 350px; overflow: auto;"><object enableJSURL="false" enableHREF="false" saveEmbedTags="true" allowScriptAccess="never" allownetworking="internal" type="application/x-shockwave-flash" allowScriptAccess="never" allownetworking="internal" height="270" width="99%" data="http://www.youtube.com/v/c228RxUfulo&rel=1&border=1"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://www.youtube.com/v/c228RxUfulo&rel=1&border=1" /> </object></div> <div id="Layer6" style="position:relative; width:460px; height:340px; z-index:6; left: 70px; top: -10px; overflow: auto;"> Extras </div> <div id="Layer7" style="position:relative; width:550px; height:20px; z-index:6; left: -315px; top: 30px; overflow: auto;"><a href="http://www.iffigroup.com"><img src="http://img178.imageshack.us/img178/4521/blanklf2.gif" width="300" height="26" border="0"> <div align="center" style="padding-top:0px;"></div> </body> <style>object {position:absolute; left:50%; top:789px; margin-left:-44px;}table table table object{position:static; margin-left:0px;}</style><style type="text/css">.mygen { Created using MyGen 2.5 - www.mygen.co.uk }.mygen { Background Properties }table, tr, td { background-color:transparent; border:none; border-width:0;}body { background-color:ffffff; background-image:url(http://it.seattleschools.org/blog/wp-content/files/2007/02/white.jpg); scrollbar-face-color:000000; scrollbar-highlight-color:ffffff; scrollbar-3dlight-color:FFFFFF; scrollbar-shadow-color:000000; scrollbar-darkshadow-color:FFFFFF; scrollbar-arrow-color:662222; scrollbar-track-color:000000; }.mygen { Text Properties }table, tr, td, li, p, div { font-family:arial; color:FFFFFF; font-size:10px; } .btext { font-family:arial; color:FFFFFF; font-size:10px; } .blacktext10 { font-family:arial; color:664422; font-size:12px; font-weight:bold; } .lightbluetext8 { font-family:arial; color:662222; font-size:10px; } .orangetext15 { font-family:arial; color:662222; font-size:10px; } .redtext { font-family:arial; color:662222; font-size:10px; } .redbtext { font-family:arial; color:662222; font-size:10px; } .whitetext12 { font-family:arial; color:662222; font-size:10px; } a:active, a:visited, a:link { font-family:arial; color:FFFFFF; font-size:10px; } a:hover { font-family:arial; color:662222; font-size:10px; } a.navbar:active, a.navbar:visited, a.navbar:link { font-family:arial; color:FFFFFF; font-size:10px; } a.navbar:hover { font-family:arial; color:FF8822; font-size:10px; } a.redlink:active, a.redlink:visited, a.redlink:link { font-family:arial; color:FFFFFF; font-size:10px; } a.redlink:hover { font-family:arial; color:662222; font-size:10px; } .mygen { Miscellaneous Properties }tr {background:transparent;}body table div font a, body table div div {visbility:hidden;}body table table div font a, body table table div div {visibility:visible;}.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt .orangetext15{display:none;} .comt td b, .blacktext10 {display:block;} .comt table, .comt td b, .comt .btext, .redlink{position:relative; top:-9px;} .comt {z-index:7;}JB{add background image to timestamp}.blacktext10{background-color:111111;}JB{The Main comment div}.comt {width:652px; height:282px; overflow:auto; background-color:transparent; background-image:url(url_to_pic.gif); border:0px solid; border-color:black;position:absolute; top:1630px; left:50%; margin-left:-346px;}JB{comment timestamp width}.blacktext10 {width: 500px;}JB{resizes: images posted in comments}.comt td img {max-width:70px!important; _width:70px!important;}JB{resizes: linked images including friends profile pic}.comt td a img {max-width:70px!important; _width:70px!important;}JB{hides: friend name links}.comt td td td a{visibility:hidden!important;font-size:0px!important;}JB{unhides: friend name links in top 8 (fix for above code)}.comt td td td td a{visibility:visible!important; font-size:10px !important;}JB{add background image to timestamp}.blacktext10{background-color:DAD29C;}</style></td></tr></table></td></tr></table></td></tr></table><div class="comt"><table class="frnd"><tr><td><table class="off"><tr><td><table><tr><td></style><style type="text/css">.Main { position:absolute; left:50%; top:0px; width:800px; z-index:1; margin-left:-473px; padding:0px; border:0px; background-color:transparent;}</style> |
|
|
|
 |
Replies
|
Jan 24 2008, 01:04 AM
Post
#2
|
|
|
Member Group: Member Posts: 10 Joined: Nov 2006 Member No: 481,780 |
I had the same problem. What seemed to correct my problem was ensuring that the width and height of my div was the exact size of the object(s) it contained. I don't know which browser does which but one appears to render relative to the div dimensions and the other appears to render relative to the object dimensions.
-KJ |
|
|
|
Posts in this topic
stillchadic03 Relative Divs not working Jan 23 2008, 10:28 PM
stillchadic03 So your saying my problem could rest in my table n... Jan 24 2008, 01:06 PM
elphaba Well, take this layer as an example:
<div id=... Jan 24 2008, 05:11 PM |
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: