Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Mar 2005
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy text shifts between browsers

    Good day people. I'm having some trouble with some issues in ie but the site showp up a whole lot better in firefox. Then in some older versions of ie the site shows up pretty much how it was intended. I didn't code the style sheet so I was wondering if someone here could help me out a bit. The url is:
    www.dhopministries.com

    Code:
    body {
    	background: #EEEEEE url(header.gif) repeat-x top left;
    	color: #000000;
    	margin: 0;
    	padding: 0;
    	font: 0.7em "Arial", Helvetica, Sans-Serif;
    }
    
    a { 
    	color: #3C6491;
    	background-color: inherit;
    }
    
    a:hover {
    	color: #BF3E17;
    	background-color: inherit;
    }
    
    h1 {
    	font: 160% Arial, Sans-Serif;
    	font-weight: bold;
    	padding: 3px 0 0 0;
    	margin: 0;
    }
    
    h1 a {
    	color: #BF3E17;
    	background: inherit;
    	text-decoration: none;
    }
    
    h1 a:hover {
    	color: #3C6491;
    	background: inherit;
    	text-decoration: none;
    }
    
    h2 {
    	margin: 8px 0 5px 0;
    	padding: 0;
    	font-size: 1.4em;
    	letter-spacing: -1px;
    	color: #808080;
    	background-color: inherit;
    }
    
    h2 a {
    	color: #000000;
    	text-decoration: none;
    	background-color: inherit;
    	background-image: url(h2bg.gif);
    	background-repeat: no-repeat;
    	background-position: center left;
    	
    	padding: 0 0 0 20px;
    }
    
    h2 a:hover {
    	background: url(h2bghover.gif) no-repeat center left;
    }
    
    p {
    	margin: 0;
    	padding: 0;
    }
    
    img {
    	border: 0;
    }
    
    #header {
    	clear: both;
    	width: 750px;
    	height: 45px;
    	margin: 0 auto;
    }
    
    #logo {
    	float: left;
    	color: #000000;
    	width: 330px;
    	padding-top: 2px;
    	padding-right: 0;
    	padding-bottom: 0;
    	padding-left: 0px;
    	background-color: inherit;
    }
    
    .slogan {
    	float: right;
    	border-left: 1px solid #CCCCCC;
    	padding: 0 0 0 20px;
    }
    
    #hmenu {
    	padding: 13px 0 5px 0;
    	float: right;
    }
    
    #hmenu a {
    	padding: 12px 13px 2px 11px;
    	text-decoration: none;
    	color: #414141;
    	background: #ccc url(hmenuarrow.gif) no-repeat top center;
    	margin: 0 0 3px 1px;
    	border-bottom: 4px solid #BCBCBC;
    }
    
    #hmenu a:hover {
    	background: #BF3E18 url(hmenuarrowhover.gif) no-repeat top center;
    	color: #FFFFFF;
    	border-bottom: 4px solid #822C0F;
    }
    
    .content {
    	border-top: 1px solid #FEFEFE; 
    	background: #FFFFFF url(contentbg.gif) repeat-x left top;
    	color: #000000;
    }
    
    
    #left {
    	float: left;
    	width: 220px;
    }
    
    #leftmenu {
    	margin: 0;
    	padding: 0;
    }
    
    #leftmenu a {
    	display: block;
    	background: #BF3E18 url(vmenuarrow.gif) no-repeat center left;
    	color: #FFFFFF;
    	padding: 5px 0 5px 19px;
    	margin: 0 0 1px 0;
    	text-decoration: none;
    }
    
    #leftmenu a:hover {
    	color: #FFFFFF;
    	background: #822C0F url(vmenuarrowhover.gif) no-repeat center left;
    }
    
    .leftarticle {
    	background: #EEEEEE;
    	color: #808080;
    	margin: 2px 0 2px 0;
    	padding: 8px;
    	line-height: 1.4em;
    }
    
    .leftarticle_ad {
    	font: 140% Arial, Sans-Serif;
    	font-weight: bold;
    	border: 2px solid #EEEEEE;
    	color: #808080;
    	margin: 2px 0 2px 0;
    	padding: 17px;
    	width: 182px;
    	height: 17px;
    	background: #FFFFFF url(seoad.jpg) no-repeat;
    }
    
    .leftarticle_ad a {
    	background: transparent; 
    	text-decoration: none;
    	color:#FFFFFF;
    }
    .leftarticle_ad a:hover {
    	background: transparent; 
    	text-decoration: underline;
    	color:#FFFFFF;
    }
    
    #right {
    	float: right;
    	width: 505px;
    	padding: 0 6px 0 0;
    }
    
    #articles {
    	width: 750px;
    	padding: 3px 0 0 0;
    	margin: 0 auto 10px auto;
    /*	background-image: url(poza_centru.jpg);
    	background-repeat: no-repeat;
    	background-position: left top;
    	background-attachment: fixed;*/
    }
    
    #additional {
    	clear: both;
    	width: 730px;
    	background-color: #FFFFFF;
    	color: #000000;
    	margin: 0 auto;
    	padding: 10px;
    }
    
    #links {
    	clear: both;
    	margin: 0 auto;
    	width: 730px;
    	padding: 10px;
    	background: #BF3E18 url(linksbg.gif) repeat-x top left;
    	color: #FFF;
    }
    
    #whiteline {
    	margin-top: 10px;
    	border-top: 3px solid #FFFFFF;
    }
    
    #footer {
    	margin: 5px auto;
    	width: 740px;
    	padding: 0 5px 0 5px;
    }
    
    #footer p {
    	padding-top: 10px;
    	padding-bottom: 25px;
    	line-height: 1.8em;
    	color: #808080;
    	background: #EEEEEE;
    }
    
    #footer a {
    	color: #808080;
    	background: inherit;
    }
    
    form.search { padding: 0; margin: 0; }
    
    #searchform {
    	background: #808080;
    	color: #FFFFFF;
    	padding: 5px 8px 5px 18px;
    	margin: 0px;
    }
    
    input.text { margin: 0; padding: 0; width: 128px; border: 1px solid #eee; color: #000000; background: #d8d8d8; }
    input.text:hover { border: 1px solid #FFFFFF; background: #EEEEEE; color: #000000; }
    input.button { margin: 0; padding: 0 0 0 3px; font-size: 100%; font-family: Arial, Sans-Serif; border: none; background: none; color: #FFF; background: #808080; font-weight: bold; }
    .date { margin: 5px 0 5px 0; padding: 10px 5px 5px 0; background: #FFFFFF url(horizontaldotted.gif) repeat-x bottom left; color: #808080; text-align: right; }
    .date a { color: #808080; background: #FFFFFF; }
    thanks for any help

  • #2
    Regular Coder nolvorite's Avatar
    Join Date
    Dec 2006
    Posts
    176
    Thanks
    7
    Thanked 0 Times in 0 Posts

    no one will use too old browsers...

    Quote Originally Posted by KlownCoder View Post
    Then in some older versions of ie the site shows up pretty much how it was intended.
    no one will use old browsers.

  • #3
    New to the CF scene
    Join Date
    Mar 2005
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by nolvorite View Post
    no one will use old browsers.
    lol thats the problem, it shows up better in older browsers than newer ones.

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Well who coded the site? The coding is likely the cause of most of your problems seeing as how the page has 186 coding errors. See them here.
    ||||If you are getting paid to do a job, don't ask for help on it!||||


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •