Hi, I am having big problems with a blog because it's post content doesn't display properly in internet explorer 7.0. Here is the site url http://www.weighlessandweightless.blogspot.com/ I would post a link but I am not sure if that is against DP guidelines So if someone can help me in any way don't hesitate to give a reply.
Almost forgot the code,I just need to fix that tiny problem,so I would appreciate if someone can help me. I just want that post content in the design,where it should be. Just IE 7.0 is making problems. <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></title> <b:skin><![CDATA[/* ----------------------------------------------- Theme Name: WaterColor Theme URI: http://www.templatelite.com/watercolor-free-wordpress-theme/ Description: Take your theme to the next level with this artistic Watercolor theme. Version: 1.00 Author: TemplateLite.com Author URI: http://www.templatelite.com/ Tags: red, fixed width, two columns, widget ready, valid xhtml, valid css Converted to blogger template by FalconHive.com Theme URI: http://www.falconhive.com/2009/03/water-color.html Version: 1.00 Date: 09 March 2009 Author URI: http://www.falconhive.com Reminder: Unless you get the permission from the FalconHive.com, you are strictly not allowed to increase or decrease any footer link in the footer. ----------------------------------------------- */ #navbar-iframe { height:0px; visibility:hidden; display:none; } body{ margin:0px auto; font-size: 12px; font-family: Verdana, Arial, Helvetica, Sans-Serif; color:#000000; background:#D9D7A6 url(http://img9.imageshack.us/img9/2817/bgrepeatz.jpg) repeat-y top center; } img { border:0px; padding:5px; max-width: 100%; /* not working in IE6*/ /*height: auto;*/ /* you can enable this. but it will cause safari problem*/ } a {color:#9E7B22;text-decoration: none;} a:hover {color: #9E7B22;text-decoration: underline;} h1 {font-size:30px;} h2 {font-size:26px;} h3 {font-size:21px;} h4 {font-size:17px;} h5 {font-size:14px;} h6 {font-size:12px;} p {margin: 0px 0px 12px 0px;} hr {height:1px;border:none;border-top:1px dashed #ACACAC; width:90%;} del {color:red;} ins {color:green;} blockquote { clear: left; text-align: justify; padding: 0px 0px 0px 10px; margin: 20px 20px 10px 20px; border-left: 2px solid #ACACAC; } input,select,textarea { font-size:11px; font-family: Verdana, Arial, Helvetica, Sans-Serif; } code{ font: 1.1em 'Courier New', Courier, Fixed; } .alignleft {float: left;} .alignright {float: right;} .aligncenter,div.aligncenter{ display: block; margin-left: auto; margin-right: auto; } img.alignleft { padding: 5px; margin: 0 7px 2px 0; display: inline; } img.alignright { padding: 5px; margin: 0 0 2px 7px; display: inline; } img.centered { display: block; margin-left: auto; margin-right: auto; } .clear {clear:both;} .spacer {height:40px;} /*************** layout ***************/ #base_top{ position:relative; background:url(http://3.bp.blogspot.com/_XByc9SCisZM/ScH7g-7AcmI/AAAAAAAABlk/RXUymQBz9cI/s1600/bg_top.jpg) no-repeat top center; margin:0; padding:0; } #base_bottom{ position:relative; background:url(http://4.bp.blogspot.com/_XByc9SCisZM/ScH6C9qBd8I/AAAAAAAABjE/r9GWnWDKlWE/s1600/bg_bottom.jpg) no-repeat bottom center; margin:0; padding:0; } #base{ position:relative; width:980px; margin:0px auto 0 auto; padding:0px 0 0 0; background:url(http://2.bp.blogspot.com/_XByc9SCisZM/ScH6C_xz3hI/AAAAAAAABjM/5aXmefFIhMM/s1600/bg_center_repeat.jpg) repeat-y top center; border:0px red solid; } #header{ position:relative; height:200px; background:url(http://2.bp.blogspot.com/_XByc9SCisZM/ScH6xbzxxWI/AAAAAAAABkU/M-dw3vIFXyI/s1600/bg_header.jpg) no-repeat top center; margin:0; padding:0; border:0px red solid; } #container{ position:relative; background:url(http://1.bp.blogspot.com/_XByc9SCisZM/ScH6DPhxMxI/AAAAAAAABjU/rwrfWIhB9AI/s1600/bg_container.jpg) no-repeat top center; margin:0;padding:0; border:0px blue solid; } #content{ position:relative; float:left; display:inline; width:588px; border:0px red solid; margin:8px 0 0 67px; padding:0 10px 0 10px; /*background:url(http://1.bp.blogspot.com/_XByc9SCisZM/ScH87tq3zOI/AAAAAAAABmM/mbgiUewFoxY/s1600/transparent.png);*/ } #sidebar{ float:right; overflow:hidden; display:inline; width:177px; margin:50px 96px 0 0; border:0px red solid; } #footer{ height:149px;/*bg=471px;*/ background:transparent url(http://4.bp.blogspot.com/_XByc9SCisZM/ScH6DGTcgBI/AAAAAAAABjk/cEjU_K0Xo6s/s1600/bg_footer.jpg) no-repeat bottom center; font-size:11px; margin:-189px 0 0 0; padding:322px 50px 0 350px; border:0px yellow solid; text-align:right; } #footer a, #footer a:hover{ font-size:11px; color:#000000; text-decoration:underline; } /************** Header **************/ #blogtitle{ position:relative; font-family: Arial,Verdana; margin:0px 250px 0 100px; padding:20px 0 0 0; text-align:center; font-size:32px; font-weight:bold; border:0px red solid; } #blogtitle a, #blogtitle a:hover { font-family: Arial,Verdana; color:#000000; text-decoration:none; } #subtitle { position:relative; font-family: Arial, Verdana; margin:0px 300px 0 150px; padding:10px 0 0 0; text-align:center; font-size:12px; color:#000000; font-style:italic; font-weight:bold; border:0px red solid; } #menu { position:absolute; overflow:hidden; left:0; bottom:0px; padding:0; margin:0 0 0 75px; width:450px; height:40px; border:0px red solid; } #menu ul { float:left; width:100%; height: 40px; padding:0; margin:0px; } #menu ul li { display: inline; font-size: 11px; font-family:Arial,Verdana; font-weight: bold; height:40px; margin:0px; } #menu ul li a { /*145x70*/ float: left; display: block; height:25px; width:87px; line-height: 12px; color: #000000; text-align:center; padding: 15px 10px 0 8px; margin:0 2px 0 0; text-decoration:none; background:url(http://3.bp.blogspot.com/_XByc9SCisZM/ScH6xnZF-QI/AAAAAAAABkk/BcYb1kGO0cI/s1600/bg_menu1.png) no-repeat top center; } #menu ul li a:hover, #header ul li.current_page_item a { color:#b01115; cursorointer; background:url(http://3.bp.blogspot.com/_XByc9SCisZM/ScH6xumdljI/AAAAAAAABks/f9VYgDeKe7A/s1600/bg_menu2.png); } #header img.home { position: absolute; margin:0px; padding:0px; left: 65px; top: 0px; width:800px; height:130px; border:0px red solid; } #mainsearch{ position:absolute; top:166px; left:758px; width:170px; height:23px; margin:0;padding:0; border:0px red solid; } #mainsearch .input { position:absolute; text-align:center; top:1px; left:1px; height:16px; width:102px; padding:4px 5px 1px 5px; margin:0 0 0 0; font-size:10px; font-family: Arial, Verdana, Helvetica; color:#999999; border:none; background:transparent; border:0px red solid; } #mainsearch .submit{ cursorointer; border:none; background:transparent; position:absolute; top:0px; right:0px; height:23px; width:55px; } img.rss{ position:absolute; left: 622px; bottom: 0px; height:45px; width:50px; } /*************** content ***************/ .archivetitle { color: #351E00; text-align:left; font-size: 12px; font-weight:bold; height:25px; line-height:25px; padding: 0px 0px 0px 0px; margin: 0px 10px 15px 30px; } .post { position:relative; padding:0 0 30px 0; margin:0 20px 0 20px; /*background:transparent url(http://2.bp.blogspot.com/_XByc9SCisZM/ScH6x647xGI/AAAAAAAABk0/lIt8I9IBAaw/s1600/bg_post_bottom.png) no-repeat bottom right;*/ border:0px red solid; min-height:100px; } .post_bottom{ height:100px; width:550px; margin:-100px 20px 30px 20px; background:transparent url(http://3.bp.blogspot.com/_XByc9SCisZM/ScH9N_o0b3I/AAAAAAAABmU/IhQ4K6bN1JA/s1600/bg_post_bottom.png) no-repeat bottom right; border:0px blue dotted; } .date { position:absolute; left:-77px; top:0; height:43px; width:47px; padding:0 0px 0 0px; margin:0 0 0 0px; background:transparent url(http://2.bp.blogspot.com/_XByc9SCisZM/ScH6DCdKrYI/AAAAAAAABjc/4iGifdvqrqE/s1600/bg_date.jpg) no-repeat; border:0px red solid; } .date_d { font-size: 18px; font-family:Arial, Verdana; font-weight:bold; text-align:center; color:#000000; padding:0px 0 0 0; } .date_m { font-size: 11px; font-weight:bold; text-align:center; color:#000000; padding:5px 0 0 0; } .title{ margin:0; padding:0px 0 0px 0; font-size:20px; } .title a{ color:#9E7B22; } .title a:hover{ color:#9E7B22; text-decoration:underline; } .author{ margin:0; padding:0px 0 20px 0; color:#000000; font-weight:bold; font-style:italic; } .author a, .author a:hover{ color:#000000; } .entry { position:relative; overflow:hidden; width:528px; color: #000000; line-height: 1.6em; text-align: justify; padding: 10px 10px 10px 10px; margin:0; } .info { line-height: 1.6em; font-size: 10px; text-align: left; margin: 0px 1px 20px 0px; padding: 4px 0px 1px 1px; } .category { font-size: 10px; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 20px; background: url('http://4.bp.blogspot.com/_XByc9SCisZM/ScH7iH-YlSI/AAAAAAAABl0/1p2AExnw-_8/s1600/category.jpg') no-repeat top left transparent; } .tags { font-size: 10px; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 20px; background: url('http://1.bp.blogspot.com/_XByc9SCisZM/ScH7i7DmflI/AAAAAAAABmE/b3XBAfaMJqc/s1600/tags.jpg') no-repeat top left transparent; } .bubble { font-size: 10px; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 20px; background: url('http://4.bp.blogspot.com/_XByc9SCisZM/ScH7hxXh20I/AAAAAAAABls/PKGd3H670CE/s1600/bubble.jpg') no-repeat top left transparent; } .navigation { font-size: 11px; margin: 20px 0px 0px 0px; padding: 10px 0px 10px 0px; border-top: 2px dotted #ACACAC; } .sorry { font-size: 12px; font-style: italic; margin: 8px 0px 0px 10px; padding: 3px 0px 3px 0px; } /*************** comment ***************/ #postmetadata { font-size: 11px; margin: 0px 0px 20px 0px; padding: 5px 5px 5px 5px; } .nocomments {background: none; color: #000000;} #comments { color: #000000; font-size: 13px; text-align: left; font-weight: bold; margin: 0px 5px 0px 5px; padding: 0px 0px 0px 0px; font-variant: normal; border-bottom: 2px dotted #D7D5A4; } .commenttitle { color: #000000; font-size: 13px; text-align: left; font-weight: bold; margin: 0px 0 20px 0; padding: 2px 0px 2px 0px; font-variant: normal; border-bottom: 1px dashed #D7D5A4; } .commentlist { list-style: none; margin:0px ; padding:0 5px 10px 5px; } .comment,.trackback,.pingback{ clear:both; margin:10px 0px 0px 0; padding:0px 0px 0px 0px; } .comment .children{ list-style: none; padding:0px 0 0 0; margin:0px 0 0px 15px; border:0px red solid; } .comment div, .trackback div, .pingback div{ height:100%; background:#E0E0B7; border:2px #D7D5A4 solid; padding:5px; } .trackback div, .pingback div{ border:1px #D7D5A4 dashed; } .comment div div,.trackback div div, .pingback div div{ background:none; padding:0; border:0px; } .comment .says, .trackback .says, .pingback .says{ display:none; } .comment .avatar{ position:relative; float: left; margin: 0px 5px 0px 0px; padding: 0px; } .comment .fn,.comment .fn a,.trackback .fn,.trackback .fn a,.pingback .fn,.pingback .fn a{ margin-left:0px; color:#000000; text-decoration:none; font-size: 11px; } .byuser .fn a{ font-weight:normal; text-decoration:underline; } .bypostauthor .fn a{ font-weight:bold; text-decoration:underline; } .comment .comment-meta,.trackback .comment-meta, .pingback .comment-meta{ border-bottom: 1px dashed #B1A074; margin:0 0 10px 0px; padding:6px 0 6px 0; font-size:10px; } .trackback .comment-meta{ padding:2px 0 2px 0; } .comment .comment-meta a, .trackback .comment-meta a, .pingback .comment-meta a { color:#000000; text-decoration:none; } .comment .reply{ margin:5px 0 0px 0; padding:2px; font-size:10px; text-align:right; } .comment .reply a{ color:#000000; text-decoration:none; } .trackback .reply, .pingback .reply{ display:none; } /**comment paging WP2.7**/ .commentnavi{ position:relative; padding-right:20px; } .commentpages{ float:right; padding:5px 10px; } .page-numbers{ padding-left:5px; } .current{ font-weight:bold; } /*** comment form ***/ #respond { clear:both; padding:5px 15px 5px 5px; margin:10px 0px 0px 20px; font-size:11px; } .cancel-comment-reply{ } #commentform { margin:0; padding:10px 0 0 0; } #email, #author, #url { color: #000000; font-size: 11px; padding-left: 2px; vertical-align: middle; border: 1px solid #B1A074; font-family: Verdana, Arial, Helvetica, Sans-Serif; } #comment { width: 98%; color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, Sans-Serif; border: 1px solid #B1A074; padding: 2px 2px 2px 2px; } #submit { height: 20px; color: #000000; font-size: 11px; background: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 10px 2px 10px; border: 1px solid #B1A074; font-family: Verdana, Arial, Helvetica, Sans-Serif; } /***** sidebar *****/ #sidebar {color:#666666;} #sidebar a{color:#000000;} #sidebar a:hover {color:#ED1B23;} #sidebar h2 { color: #ffffff; height:30px; font-size: 13px; font-weight: bold; letter-spacing: 0px; font-variant: normal; margin: 0px 0px 0px 0px; padding: 15px 10px 0px 10px; background:url('http://4.bp.blogspot.com/_XByc9SCisZM/ScH7SRnT2qI/AAAAAAAABlE/E0A3QBmSKYc/s1600/bg_sb1_g.gif') no-repeat right; } #sidebar select{ margin:5px 0px 0px 3px; font-size:11px; width:170px; } #sidebar ul { list-style-type: none; margin: 0px 0px 24px 0px; padding: 0px 0px 20px 0px; background: url('http://1.bp.blogspot.com/_XByc9SCisZM/ScH7SaKEE6I/AAAAAAAABlM/jMEWzC5Kp_Q/s1600/bg_sb2_g.gif') no-repeat bottom center; } #sidebar li { padding-bottom:20px; background: url('http://1.bp.blogspot.com/_XByc9SCisZM/ScH7SaKEE6I/AAAAAAAABlM/jMEWzC5Kp_Q/s1600/bg_sb2_g.gif') no-repeat bottom center; } #sidebar ul li{ line-height: 1.7em; list-style-type: none; font-size:11px; border:0px red solid; font-family:Verdana,Arial; margin: 0px 0px 0px 0px; padding:2px 2px 0px 20px; /*padding-bottom:0;*/ background: url('http://4.bp.blogspot.com/_XByc9SCisZM/ScH7SodaCtI/AAAAAAAABlU/VVChhosBebs/s1600/bg_sb_pin1.gif') no-repeat 0px 3px; } #sidebar ul ul li{ line-height: 1.7em; list-style-type: none; font-size:11px; border:0px red solid; font-family:Verdana,Arial; margin: 0px 0px 0px 0px; padding:2px 2px 0 20px; /*padding-bottom:0;*/ } #sidebar ul ul ul li { list-style-type: none; font-size:11px; border:0px; margin: 0px 0px 0px -5px; line-height: 1.7em; font-family:Verdana,Arial; padding: 0px 0px 0px 20px; } #ArchiveList ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; background: url('http://1.bp.blogspot.com/_XByc9SCisZM/ScH7SaKEE6I/AAAAAAAABlM/jMEWzC5Kp_Q/s1600/bg_sb2_g.gif') no-repeat bottom center; } #ArchiveList ul li { line-height: 1.7em; list-style-type: none; font-size:11px; border:0px red solid; font-family:Verdana,Arial; margin: 0px 0px 0px 0px; padding:2px 2px 0px 20px; /*padding-bottom:0;*/ background: url('http://4.bp.blogspot.com/_XByc9SCisZM/ScH7SodaCtI/AAAAAAAABlU/VVChhosBebs/s1600/bg_sb_pin1.gif') no-repeat 0px 3px; } #sidebar h1 a.rsswidget{ margin-left:0px; overflow:hidden; text-decoration:none; } #flickrrss{ height:81px; margin:0 50px 0 100px; padding:0 0 20px 0; border:0px red solid; } #flickrrss img{ background:white; border:1px black solid; padding:2px; margin:0 2px; width:75px; height:75px; } #blog-pager-newer-link{padding-left:20px;float:left} #blog-pager-older-link{padding-right:20px;float:right} #blog-pager{text-align:center} ]]></b:skin> <script language='javascript'> function doClear(theText) { if (theText.value == theText.defaultValue) { theText.value = '' } } </script> </head> <body> <!-- Base_top --> <div id='base_top'> <!-- Base_bottom --> <div id='base_bottom'> <!-- Base --> <div id='base'> <!-- Header --> <div id='header'> <!-- Title --> <b:section class='header1' id='header1' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Make easy money online (Header)' type='Header'/> </b:section> <!-- /Title --> <!-- Menu --> <b:section class='menu' id='menu' preferred='yes' showaddelement='no'> <b:widget id='LinkList1' locked='true' title='Menu' type='LinkList'/> </b:section> <!-- /Menu --> <!-- Main Search --> <div id='mainsearch'> <form action='http://demo.templatelite.com/' id='mainsearchform' method='get'> <input class='input' id='s' name='s' onfocus='doClear(this)' type='text' value='Keyword'/> <input class='submit' type='submit' value=''/> </form> </div> <!-- /Main Search --> <a href='/feeds/posts/default' title='RSS Feed'><img alt='Subscribe RSS' class='rss' src='http://3.bp.blogspot.com/_XByc9SCisZM/ScH9j0wQNvI/AAAAAAAABmk/bcaNWZ133ZE/s1600/spacer.gif'/></a> </div> <!-- /Header --> <!-- Container --> <div id='container'> <!-- Content --> <div id='content'> <div class='spacer'/> <!-- Content --> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> <!-- Navigation --> <div class='pagination'> <div class='alignleft'/> <div class='alignright'/> </div> <!-- /Navigation --> <div class='clear'/> </div> <!-- /Content --> <!-- Sidebar --> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='Label1' locked='false' title='Labels' type='Label'/> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/> </b:section> <!-- /Sidebar --> <div class='clear'/> </div> <!-- /Container --> <!-- Water Color Blogger Template comes under a Creative Commons License. This means it is free to use on your blog as long as the credit link in the footer is kept intact FalconHive.com --> <!-- Footer --> <div id='footer'> <div id='flickrss'> <b:section class='flickrrss' id='flickrrss' preferred='yes'> <b:widget id='HTML99' locked='true' title='Flickr' type='HTML'/> </b:section> </div> © <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> <!-- credit --> Designed by <a href='http://www.templatelite.com/'>Wordpress Templates</a> <br/>Bloggerized by <a href='http://www.falconhive.com' target='_blank' title='Falcon Hive'>FalconHive</a> | Sponsored by <a href='http://www.bloggerstyles.com'>Blogger Styles</a> </div> <!-- /Footer --> </div> <!-- /Base --> </div> <!-- /Base_bottom --> </div> <!-- /Base_top --> </body></html>