IE6 Shows A Blank Line

Discussion in 'HTML & Website Design' started by JohnS0N, Sep 7, 2008.

0
  1. #1
    JohnS0N, Sep 7, 2008 IP
  2. JohnS0N

    JohnS0N Notable Member

    Messages:
    1,581
    Likes Received:
    63
    Best Answers:
    0
    Trophy Points:
    210
    #2
    Come on people, I need help with this. I can pay for the fix if needed.
     
    JohnS0N, Sep 8, 2008 IP
  3. livingeek

    livingeek Peon

    Messages:
    34
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Post up the URL to the CSS file so I can take a look at that. I'll take a look, but I'm at work and can't piece it together right now.

    First thought was adding a clear: none; to the css for that area. IE doesn't seem to like those images overlapping.

    PS it's happening in IE7 too.
     
    livingeek, Sep 8, 2008 IP
  4. mikeythefish

    mikeythefish Peon

    Messages:
    57
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    stop coding for IE6

    do yourself and favor
     
    mikeythefish, Sep 8, 2008 IP
  5. nfd2005

    nfd2005 Well-Known Member

    Messages:
    295
    Likes Received:
    20
    Best Answers:
    0
    Trophy Points:
    130
    #5
    Add this to your <head section...

    
<!--[if IE 6]>
<style type="text/css">
#topbar {
margin-top:-9px;
}
</style>
<![endif]-->
    Code (markup):
    Let me know if that works for you.
     
    nfd2005, Sep 8, 2008 IP
  6. JohnS0N

    JohnS0N Notable Member

    Messages:
    1,581
    Likes Received:
    63
    Best Answers:
    0
    Trophy Points:
    210
    #6
    Thanks a lot to all who replied, nfd2005 - that fix didn't work. Here is the CSS:

    /*
Theme Name: Ads Minded (v. Wide) With Widgets
Theme URI: http://www.sapiensbryan.com/
Description: A 1000px Wide Wordpress Theme With Widgets For Advertisements
Version: 2.0
Author: Sapiens Bryan
Author URI: http://www.sapiensbryan.com/
*/

body {
 width: 1000px;
 font-family: Verdana, Tahoma, Georgia, Geneva, Arial;
 font-size: 12px;
 color: #000000;
 background-color: #ffffff;
 margin-right: auto;
 margin-left: auto;
 padding: 0px 0px 0px 0px;
 background: #76898F;
 }

a {
 color: #0060C0;
 text-decoration: none;
 }

a:hover {
 color: #00006C;
 text-decoration: none;
 }

h1, h1 a {
 display: inline;
 font-size: 1.3em;
 font-weight: bold;
 color: #E50066;
 }

h1 a:hover {
 color: #00006C;
 text-decoration: none;
 }

h2, h2 a, postcomment a {
 display: inline;
 font-size: 1.2em;
 font-weight: bold;
 color: #E50066;
 }

h2 a:hover, postcomment a:hover {
 color: #00006C;
 text-decoration: none;
 }

h3, h3 a {
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 1.1em;
 font-weight: bold;
 color: #333333;
 }

h3 a:hover {
 color: #104070;
 }

h3.comments a {
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 1.1em;
 font-weight: bold;
 color: #333333;
 }

h3.comments a:hover {
 color: #104070;
 }

img {
 border: 0px;
 }

form {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 }

hr {
 border: none 0;
 border-top: 1px dashed #C5C5C5;
 height: 1px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 }

ul {
 list-style-image: url(images/li.png);
 }

code {
 font-family: Courier New, Courier, Monospace;
 font-size: 1em;
 color: #666666;
 }

li.buttons {
 font-family: Arial, Helvetica, Sans-Serif;
 background-color: #76898F;
 color: #ffffff;
 text-decoration: none;
 display: inline;
 margin-left: 2px;
 margin-right: 2px;
 text-transform: none;
 }

li.buttons a {
 font-family: Arial, Helvetica, Sans-Serif;
 background-color: #76898F;
 color: #ffffff;
 text-decoration: none;
 display: inline;
 border-right: outset 1px #000000;
 border-bottom: outset 1px #000000;
 padding: 4px 4px 4px 4px;
 font-weight: bold;
 text-transform: none;
 }

li.buttons a:hover {
 color: #000000;
 font-weight: bold;
 text-decoration: none;
 border-bottom: solid 4px #000000;
 }

li.whitebox {
 background-color: #FFFFFF;
 padding: 10px;
 border-top: 1px solid #bbbbbb;
 }

li.graybox {
 background-color: #F2F2F2;
 padding: 10px;
 border-top: 1px solid #bbbbbb;
 }

ol.commentlist {
 margin-left: 20px;
 padding: 0px 0px 0px 0px;
 color: #333333;
 }

/* -- Topbar -- */

#topbar {
 width: 1000px;
 position: absolute;
 left:0px;
 top:233px;
 background: url(images/topbar_bg.jpg) no-repeat;
 }

#topbar .topbartext {
 background:#545454;
 width: 1000px;
 margin-top: -2px;
 margin-bottom: 0px;
 padding: 2px 0px 4px 0px;
}

/* --- classes --- */


.previouspost
	{
	color: black;
	font-size: 11px;
	}

.previouspost h3
	{
	color: black;
	font-size: 17px;
	font-weight: bold;
	}

.previouspost a
	{
	color: #E50066;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	}

.postmetadata {
	text-align: center;
	font-size: 11px;
	color: #000777;
	padding: 5px;
	}

.alt {
	background-color: #F4F4F4;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	}

blockquote {
	color: #777;
    background: #F4F4F4 url('images/quote.gif') 25px 5px no-repeat;
	margin: 15px 20px 0 25px;
    border-left: 20px solid #F4F4F4;
    border-right: 5px solid #F4F4F4;
    border-top: 3px solid #F4F4F4;
    border-bottom: 3px solid #F4F4F4;
	}

.post {
	margin: 0 0 40px;
	}

 .nolilink {
 color: #0060C0;
 font-size: 0.9em;
 padding-left: 2px;
 }

 .nolilink a {
 text-decoration: underline;
 }

 .nolilink a:hover {
 color: #0060C0;
 text-decoration: underline;
 }

 .menu ul.slightbigger {
 font-size: 1em;
 }

 ul.tiny {
 font-size: 0.8em;
 font-weight: normal;
 }

 ul.tiny a {
 color: #0060C0;
 font-size: 11px;
 font-weight: bold;
 text-decoration: underline;
 }

 ul.tiny a:hover {
 color: #0060C0;
 font-size: 11px;
 font-weight: bold;
 text-decoration: underline;
 }

 .content a {
 color: #0060C0;
 font-weight: bold;
 text-decoration: underline;
 }

.content a:hover {
 color: #0060C0;
 font-weight: bold;
 text-decoration: underline;
 }

.article a {
 color: #0060C0;
 font-weight: bold;
 text-decoration: underline;
 }

.article a:hover {
 color: #00006C;
 font-weight: bold;
 text-decoration: underline;
 }

.article {
 font-family: Verdana, Tahoma, Georgia, Geneva, Arial;
 letter-spacing   :  0px;
 line-height      : 15px;
 font-size        : 0.98em;
}

 .nounderline a {
 text-decoration: none;
 }

 .cmeta {
 font-size: 11px;
 color:#808080;
 }

#ed_toolbar input {
	border: 1px solid #545454;
	background-color: #FFFFFF;
}

.commentbutton {
 text-align: right;
 width: 460px;
}

.title, .title a {
 font-size: 1.3em;
 font-weight: bold;
 color: #E50066;
 }

.title a:hover {
 color: #00006C;
 text-decoration: none;
 }

.small {
 font-size: 0.9em;
 }

.small a {
 color: #003399;
 }

.small a:hover {
 color: #104070;
 }

.postnav {
 font-size: 0.9em;
 text-align: right;
 margin-right: 25px;
 }

.postnav a {
 color: #003399;
 }

.postnav a:hover {
 color: #104070;
 }

.blocktitle {
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 1em;
 text-transform: uppercase;
 color: #333333;
 font-weight: bold;
 padding: 3px 5px 2px 10px;
 border: 2px solid #C5C5C5;
 }

.block {
 background-color: #ECF1F4;
 padding: 6px 10px 6px 10px;
 border-left: 1px solid #c5c5c5;
 border-right: 1px solid #c5c5c5;
 border-bottom: 1px solid #c5c5c5;
 }

 .menu {
 font-size: 0.9em;
 }

 .menu a {
 font-size: 0.98em;
 }

.menu ul {
 font-size: 0.9em;
 margin: 0px 0px 0px 13px;
 padding: 0px 0px 0px 0px;
 list-style-image: url(images/li.png);
 }

.error {
 color: #cc0000;
 }

.meta, meta a {
 font-size: 0.9em;
 background: url(images/textbg.jpg) no-repeat scroll 0% 0%;
}

.meta li, ul.post-meta li {
 display: inline;
}

.meta ul {
 display: inline;
 list-style: none;
 margin: 0;
 padding: 0;
}

/* --- layout --- */

#wrapper {
 width: 100%;
 height: auto;
 position: relative;
 }

#searchbar {
 float: left;
 width: 100%;
 height: 42px;
 background-image: url(images/bg_searchbar.gif);
 border-bottom: 1px solid #333333;
 }

#searchbox {
 float: left;
 width: 415px;
 padding-top: 12px;
 padding-bottom: 0px;
 }

#current_time {
 float: right;
 width: 300px;
 font-size: 0.9em;
 text-align: right;
 margin-right: 22px;
 color: #333333;
 padding-top: 14px;}

#header {
 left: 0px;
 top: 42px;
 height: 193px;
 background: url(images/header_bg.jpg) scroll 0% 0%;
 clear: both;
 }

#heading {
    position: absolute;
	left: 10px;
	top: 58px;
	}

#heading h1 a, .description {
    color: white;
	padding-top: 0px;
	margin-left: 10px;
    margin-top: 8px;
    font-weight: bold;
	text-align: left;
	}

#heading h1 a{
    color: white;
    font-size: 1.6em;
	}

#headerads {
 padding-top: 10px;
 padding-right: 0px;
 width: 250px;
 clear: both;
 float: right;
 }

#headerads div.txt {
/* margin-right: 38px; */
 text-align: center;
 font-weight: bold;
 }

#contentwrapper {
 width: 100%;
 padding: 0;
 }

#content {
 width: 970px;
 float: left;
 text-align: left;
 background-color: #ffffff;
 padding: 15px;
 }

#blogs {
/* text-align: justify; width: 73%; */
 width: 560px;
 float: left;
 }

/* All 2 Side Bars */

#squaresidebar {
 float: left;
 width: 364px;
 text-align: left;
 margin: 30px 0px 0px 20px;
 padding: 10px;
 background-color: #ECF1F4;
 border: 2px solid #C5C5C5;
/*  height: 280px;
 border: 1px solid #C5C5C5; padding: 0 10px; background-color: #336699; */
 }

#centerbar {
 float: left;
 width: 180px;
 height: auto;
 text-align: left;
 margin: 30px 10px 0px 20px;
/* border: 1px solid #C5C5C5; padding: 0 10px; background-color: #336699; */
 }

#sidebar {
 float: right;
 width: 200px;
 height: auto;
 margin-top: 20px;
 text-align: left;
/* background-color: #336699; */
 }

/* Footer */

#footer {
 font-size: 0.9em;
 color: #333333;
 padding-top: 15px;
 padding-bottom: 0px;
 background-color: #f5f5f5;
 background-image: url(images/bg_searchbar.gif);
 width: 100%;
 height: 40px;
 clear: both;
 }

#footerbuttons {
 margin-top: -4px;
 float: right;
 margin-right: 12px;
 }

/* Reply Form */

#replyform {
 padding: 10px 15px 0px 15px;
 background-color: #F5F5F5;
 border-top: 1px dotted #999999;
 border-bottom: 1px dotted #999999;
 }

input[type=text]:focus, textarea:focus {
   background: #FFE6BF;
   }

/* Images */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

img.border {
    padding: 5px;
    margin: auto;
    border: 1px solid #999999;
    background: #EEEEEE;
    }


.alignright {
	float: right;
	margin: 0 0 2px 7px;
    padding: 5px;
    border: 1px solid #999999;
    background: #EEEEEE;
	}

.alignleft {
	float: left;
	margin: 0 7px 2px 0;
	padding: 5px;
    border: 1px solid #999999;
    background: #EEEEEE;
	}

/* --- calendar --- */

#wp-calendar {
 empty-cells: show;
 font-size: 0.9em;
 margin: 0;
 width: 100%;
 }

#wp-calendar #next a {
 padding-right: 10px;
 text-align: right;
 }

#wp-calendar #prev a {
 padding-left: 10px;
 text-align: left;
 }

#wp-calendar a {
 display: block;
 text-decoration: none;
 font-weight: bold;
 }

#wp-calendar caption {
 color: #104070;
 font-size: 1.2em;
 text-align: center;
 font-weight: bold;
 }

#wp-calendar td {
 letter-spacing: normal;
 padding: 0 0;
 text-align: center;
 }

#wp-calendar td:hover, #wp-calendar #today {
 color: red;
 font-weight: normal;
 }

#wp-calendar th {
 font-style: normal;
 text-transform: capitalize;
 }
    Code (markup):
    Mikey, usually 15-20% of all my websites visitors still use IE6. I can't ignore 20% of my traffic.
     
    JohnS0N, Sep 8, 2008 IP
  7. nfd2005

    nfd2005 Well-Known Member

    Messages:
    295
    Likes Received:
    20
    Best Answers:
    0
    Trophy Points:
    130
    #7

    Are you sure? Please add that code to your head section and check in IE6.
     
    nfd2005, Sep 9, 2008 IP
  8. JohnS0N

    JohnS0N Notable Member

    Messages:
    1,581
    Likes Received:
    63
    Best Answers:
    0
    Trophy Points:
    210
    #8
    Yes, I added it again now. I will leave it like that so you can see it for yourself and also check the source code. It still doesn't display properly.
     
    JohnS0N, Sep 10, 2008 IP
  9. nfd2005

    nfd2005 Well-Known Member

    Messages:
    295
    Likes Received:
    20
    Best Answers:
    0
    Trophy Points:
    130
    #9
    Alright. It looks like the problem was your topbar.gif image that was throwing it off.

    Try this:

    <!--[if lte IE 7]>
<style type="text/css">
#topbar img{
position:absolute;
margin-top:-5px;
}
</style>
<![endif]-->
    Code (markup):
     
    nfd2005, Sep 10, 2008 IP
    JohnS0N likes this.
  10. JohnS0N

    JohnS0N Notable Member

    Messages:
    1,581
    Likes Received:
    63
    Best Answers:
    0
    Trophy Points:
    210
    #10
    Excellent mate! Works like charm now, reps given!

    I also wanted to buy you coffee, but it seems there's no paypal option. If you have paypal I can spend a coffee!
     
    JohnS0N, Sep 10, 2008 IP
  11. nfd2005

    nfd2005 Well-Known Member

    Messages:
    295
    Likes Received:
    20
    Best Answers:
    0
    Trophy Points:
    130
    #11
    Always glad to help. Thanks for the rep. Also I added a Paypal link on the coffee page...;-)
     
    nfd2005, Sep 10, 2008 IP
  12. JohnS0N

    JohnS0N Notable Member

    Messages:
    1,581
    Likes Received:
    63
    Best Answers:
    0
    Trophy Points:
    210
    #12
    Enjoy your coffee ;)
     
    JohnS0N, Sep 10, 2008 IP
  13. nfd2005

    nfd2005 Well-Known Member

    Messages:
    295
    Likes Received:
    20
    Best Answers:
    0
    Trophy Points:
    130
    #13
    Thank you!
     
    nfd2005, Sep 11, 2008 IP