Log In · Register

 
THE RIGHT COLUM IS UNDER THE LEFT ONE IN IE, IS A DIV !!!
themusicworld205...
post Feb 21 2009, 03:39 AM
Post #1


Senior Member
***

Group: Member
Posts: 81
Joined: Jun 2007
Member No: 530,057



IN FIREFOX THEY ARE NEXT TO EACHOTHER
BUT
IN INTERNET EXPLORER RIGHT COLUM IS UNDER THE LEFT ONE blink.gif

(THIS IS NOT ALL THE CODE PUT THE MAIN PART OF IT THE PROMBLEM IS IN HERE I AM SURE BUT I DONT KNOW HOW TO FIX IT)


CODE

<style>

.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany,

.extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, .friendSpace, .friendsComments, table div { display:none!important; }
div table div, table table div { display:block!important; padding:0; }
object { bottom:0; left:0; margin:-1px 0 0 -294px; position:absolute; }
td td td object { position:static; margin:auto; }
table, tr, td { background:none; border:none; }

.clearfix, .clearfix div { background-image:none!important; overflow:hidden; }
.clearfix { position:relative; top:-30px; width:728px; }
.clearfix .clearfix { bottom:-30px; margin:-45px 0 0; position:relative; top:auto; width:auto; }
.clearfix .clearfix div { margin:45px 0 0; }
.clearfix .clearfix div div { margin:auto; }
.profile, .profile div, .profile input, .clearfix select, .clearfix option, .clearfix ul { display:none!important; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }

td, p, a, span, div, ol, ul, li, font { color:rgb(157,157,140); font:12px/18px 'trebuchet ms', arial, sans-serif; }
.navigation li, .footer p, .footer a { font:9px 'trebuchet ms', arial, sans-serif; }
a:hover, a:active { text-decoration:none!important; }
p, span, li, font { padding:5px; }
h1 { font-size:15px; font-weight:normal; color:rgb(252,252,252); border-bottom:1px solid rgb(0,114,196); display:block; }
h2 { font-size:12px; font-weight:normal; color:rgb(252,252,252); border-bottom:1px solid rgb(0,62,107); display:block; }
h3, h4, h5, h6 { font-size:12px; }

a img { border:1px solid rgb(0,114,196); }
a img:hover { border:1px solid rgb(255,216,0); }

.content_text a:link, .content_text a:visited, .footer a:link, .footer a:visited { color:rgb(173,173,137); }
.content_text a:hover, .content_text a:active, .footer p a:hover, .footer p a:active { color:rgb(193,193,121); }

:focus { outline:none; }

body { background:url(http://i42.tinypic.com/2443cic.png); margin-top:50px; }

.navigation { background:rgb(16,16,16); border-bottom:3px solid rgb(0,114,196); left:0; position:fixed; top:0; width:100%; }
.navigation ul { margin:0 auto; padding:5px 0; width:980px; }
.navigation ul li { display:inline; list-style:none; margin:0; text-transform:uppercase; }
.navigation ul li a:link, .navigation ul li a:visited { color:rgb(252,252,252); font:9px 'trebuchet ms', arial, sans-serif; padding:7px 8px; }
.navigation ul li a:hover { color:rgb(252,252,252); background:rgb(0,114,196); }

.main { left:0; position:absolute; top:160px; width:100%; }
.top { background:url(http://i43.tinypic.com/10opdnt.png) top center repeat-x; height:30px; width:100%; }

.content { background:rgb(16,16,16); width:100%; }
.content_text { margin:0 auto; width:980px; }

.details { margin:0 auto; width:468px; }
.details_top { background:url(http://i41.tinypic.com/nwlqmd.jpg) no-repeat; height:8px; width:468px; }
.details_mid { background:url(http://i44.tinypic.com/anc582.png) repeat-y; width:468px; }
.details_mid table { width:100%; }
.details_mid table td { vertical-align:top; font:bold 9px 'trebuchet ms', arial, sans-serif; }
.details_mid table td span { color:rgb(229,225,23); font:bold 9px 'trebuchet ms', arial, sans-serif; }
.details_bot { background:url(http://i39.tinypic.com/1ftuhk.png) no-repeat; height:8px; width:468px; }

.left { float:left; border-right:1px solid rgb(0,114,196); }
.right { float:right; border-left:1px solid rgb(0,62,107); }
.left, .right { height:100%; width:486px; }

span.number { color:rgb(229,225,23); font:bold 9px 'trebuchet ms', arial, sans-serif; }
span.number:hover { color:b1ae11; }

.friends { clear:both; margin:0 auto; width:960px; }
.friends_top { background:url(http://i40.tinypic.com/2w6uwt1.png) no-repeat; height:8px; width:960px; }
.friends_mid { background:url(http://i41.tinypic.com/289judl.png) repeat-y; width:960px; }
.friends_mid h1 { border:none; margin:0 20px; }
.friends_mid img { margin:5px 0 5px 10px; width:70px; }
.friends_bot { background:url(http://i44.tinypic.com/2ykdmpj.jpg) no-repeat; height:8px; width:960px; }

.footer { background:url(http://i43.tinypic.com/2126894.png) top center repeat-x; height:30px; padding-top:40px; width:100%; }
.footer p { margin:0 auto; text-transform:uppercase; width:980px; }

.stoopid_ie { content:"internet explorer fixes"; }
.navigation { _left:50%; _margin-left:-500px; _position:absolute; _width:1000px; }
.main { _left:50%; _margin-left:-500px; _width:1000px; }
.content_text { _text-align:center; }
.details_top, .friends_top { _background-position:bottom; }
.details, .left, .right { _text-align:left; }
</style>


MAIN QUESTION:HOW CAN I MAKE IT LOOK LIKE FIREFOX
EXAMPLE PICTURE:

FIREFOX: http://i39.tinypic.com/30k3eok.png

INTERNET EXPLORER: http://i42.tinypic.com/i6f1ab.png
 

Posts in this topic


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