THE RIGHT COLUM IS UNDER THE LEFT ONE IN IE, IS A DIV !!! |
THE RIGHT COLUM IS UNDER THE LEFT ONE IN IE, IS A DIV !!! |
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 (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 |
|
|
|
9001 First, capslock, second, what? Feb 21 2009, 03:47 AM
xzkdxrawrx 1) Your screenshots are annoying
2) Your screensho... Feb 21 2009, 04:10 AM
themusicworld2050 ok so i FIX THE QUESTION ...
I am trying so say ... Feb 21 2009, 04:56 AM
themusicworld2050 the code above did not work instead it hided ed my... Feb 21 2009, 03:05 PM
9001 No, post a link to your page. We can't help y... Feb 21 2009, 03:10 PM
Mike QUOTE(themusicworld2050 @ Feb 21 2009, 10... Feb 21 2009, 03:16 PM
themusicworld2050 i found the promblem is when i put a picture or a ... Feb 21 2009, 03:40 PM
Mike Posts merged. Feb 21 2009, 03:56 PM![]() ![]() |