Solved

layout in css from template

Posted on 2012-03-23
9
413 Views
Last Modified: 2012-04-03
double black borderHi All,

I am creating a project using Visual Web Developer 2010 Express in C#.  Started by downloaded a css template and working with that.

I attempted to create a master.site, and a register page using the master for top and bottom of page layout.  So basically the middle is where all the content is.  Now I took a template and pasted the GUTS into the middle section... so far so good.

Now the master.site has this black bar on the top.. which I want to keep, but the black bar is also repeated right below... I cant seem to figure out how to get rid of second black bar.


i think it has something to do with
.main { margin:0 auto; padding:0; background:url(images/header_bg.gif) repeat-x;}
but who knows

here is the master.sute
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="site.master.cs" Inherits="site" %>

<!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">
<head>
<title>TemplateAccess.com Theme</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<!-- Custom -->
<script type="text/javascript">
    $(function () { $('.search span').css({ 'border-radius': '5px' }); });
</script>
<!-- Cufon -->
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/myradpro.font.js"></script>
<script type="text/javascript">
    Cufon.replace('h1')('h2')('h3')('h4')('.menu a')('.rss a.big');
</script>
<!-- flash script -->
<script type="text/javascript" src="js/flash_detect.v1.7.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div class="main">
  <div class="top_line">
    <div class="menu">
      <ul>
        <li><a href="index.html" class="active"><span>Home</span></a></li>
        <li><a href="portfolio.html"><span>Portfolio</span></a></li>
        <li><a href="about.html"><span>Blog</span></a></li>
        <li><a href="Register.aspx"><span>Sign Up</span></a></li>
        <li><a href="Userform.aspx"><span>Userform</span></a></li>
      </ul>
      <div class="clr"></div>
    </div>
    <div class="LOGINAREAHEADER">
        
        <span>&nbsp;
        <asp:Login ID="Login1" runat="server" Width="552px">
<%-- style="margin-left: 0px" Width="497px">--%>
            <LayoutTemplate>
                <table cellpadding="1" cellspacing="0" style="border-collapse:collapse;">
                    <tr>
                        <td>
                            <table cellpadding="0">
                                <tr>
                                    <td align="center" class="style2" colspan="2">
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right">
                                        <asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName">User Name:</asp:Label>
                                    </td>
                                    <td class="style1">
                                        <asp:TextBox ID="UserName" runat="server" Height="16px" Width="118px"></asp:TextBox>
                                        <asp:RequiredFieldValidator ID="UserNameRequired" runat="server" 
                                            ControlToValidate="UserName" ErrorMessage="User Name is required." 
                                            ToolTip="User Name is required." ValidationGroup="ctl00$Login1">*</asp:RequiredFieldValidator>
                                        <asp:Label ID="PasswordLabel" runat="server" AssociatedControlID="Password">Password:</asp:Label>
                                        <asp:TextBox ID="Password" runat="server" TextMode="Password" Width="118px"></asp:TextBox>
                                        <asp:Button ID="LoginButton" runat="server" CommandName="Login" Text="Log In" 
                                            ValidationGroup="ctl00$Login1" />
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right">
                                        &nbsp;</td>
                                    <td class="style1">
                                        <asp:RequiredFieldValidator ID="PasswordRequired" runat="server" 
                                            ControlToValidate="Password" ErrorMessage="Password is required." 
                                            ToolTip="Password is required." ValidationGroup="ctl00$Login1">*</asp:RequiredFieldValidator>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        &nbsp;</td>
                                </tr>
                                <tr>
                                    <td align="center" colspan="2" style="color:Red;">
                                        <asp:Literal ID="FailureText" runat="server" EnableViewState="False"></asp:Literal>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right" colspan="2">
                                        &nbsp;</td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </LayoutTemplate>
        </asp:Login>
        </span>

    </div>
    <div class="clr"></div>
  </div>
  <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
  <div class="header">
    <div class="logo"><a href="#"><img src="images/logo.png" alt="logo" width="215" height="109" border="0" /></a></div>
    <div class="rss"> <a href="#" class="big" title="Subscribe To Our Posts RSS Feed" target="_blank">Subscribe to our <span>RSS</span></a>
      <ul>
        <li class="first"><a href="#" title="Subscribe To Our Posts RSS Feed" target="_blank">Posts</a></li>
        <li><a href="#" title="Subscribe To Our Comments RSS Feed" target="_blank">Comments</a></li>
        <li><a href="#" title="Subscribe To Receive Email Updates" target="_blank">E-mail</a></li>
      </ul>
    </div>
    <div class="clr"></div>
    <div id="slider">
      <!-- start slideshow -->
      <div class="flash_slider">
        <script language="JavaScript" type="text/javascript">
            AC_FL_RunContent(
		'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0',
		'width', '100%',
		'height', '450',
		'src', 'piecemakerNoShadow',
		'quality', 'high',
		'pluginspage', 'http://www.adobe.com/go/getflashplayer',
		'align', 'middle',
		'play', 'true',
		'loop', 'true',
		'scale', 'noscale',
		'wmode', 'transparent',
		'devicefont', 'false',
		'id', 'piecemakerNoShadow',
		'bgcolor', '#f4f4f4',
		'name', 'piecemakerNoShadow',
		'menu', 'true',
		'allowFullScreen', 'false',
		'allowScriptAccess', 'sameDomain',
		'movie', 'piecemakerNoShadow',
		'salign', ''
		); //end AC code
</script>
      </div>
      <!-- end #slideshow -->
      <div class="clr"></div>
    </div>
  </div>
  <div class="bg_top"></div>
  <div class="header_text">
    <h1>Aliquam ac pretium lectus. Quisque non ante id eros a ccumsan iaculis quis a velit. Donec quam pur <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></h1>
  </div>
  <div class="bg_center"></div>
  <div class="body">
    <div class="port">
      <h2>What We Do <span>Sed congue, dui vel tristique mollis...</span></h2>
      <img src="images/img_1.jpg" alt="picture" width="288" height="95" class="none"  />
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi id tristique sem. Nuncnec ipsum sed nisi dictum mollis. Praesent malesuada mauris a odio adipiscing mollis. Invarius tincidunt elit vitae eleifend. </p>
      <p><a href="#"><img src="images/button_more.gif" alt="button" width="55" height="28" border="0" class="none" /></a></p>
    </div>
    <div class="port">
      <h2>Business Monitoring <span>Sed congue, dui vel tristique mollis...</span></h2>
      <img src="images/img_2.jpg" alt="picture" width="288" height="95" class="none" />
      <p>Sed tempus bibendum risus, nec dignissim sem vestibulum ut. Nam iaculis aliquam elementum. Nunc sed dignissim sapien. </p>
      <p><a href="#"><img src="images/button_more.gif" alt="button" width="55" height="28" border="0" class="none" /></a></p>
    </div>
    <div class="port last">
      <h2>Easy to Customize <span>Sed congue, dui vel tristique mollis...</span></h2>
      <img src="images/img_3.jpg" alt="picture" width="288" height="95" class="none"  />
      <p>Aenean at lectus eget neque consequat sagittis ut sed nisl. <br />
        Nulla facilisi. Aenean a lect massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae</p>
      <p><a href="#"><img src="images/button_more.gif" alt="button" width="55" height="28" border="0" class="none" /></a></p>
    </div>
    <div class="clr"></div>
  </div>
  <div class="bg_center"></div>
  </asp:ContentPlaceHolder>
  <div class="FBG">
    <div class="FBG_resize">
      <div class="blog">
        <h2>Recent Post</h2>
        <ul>
          <li><a href="#">&raquo; Full standards compliance</a></li>
          <li><a href="#">&raquo; All of Videos Supported</a></li>
          <li><a href="#">&raquo; Spam protection</a></li>
          <li><a href="#">&raquo; Video Support!</a></li>
          <li><a href="#">&raquo; We have gone!</a></li>
          <li><a href="#">&raquo; Dummy Photo</a></li>
          <li><a href="#">&raquo; We have gone!</a></li>
          <li><a href="#">&raquo; Dummy Photo</a></li>
          <li><a href="#">&raquo; Spam protection</a></li>
        </ul>
      </div>
      <div class="blog">
        <h2>Miscelaneous</h2>
        <ul>
          <li><a href="#">Site Admin</a></li>
          <li><a href="#"> Log out</a></li>
          <li><a href="#"> Entries RSS</a></li>
          <li><a href="#"> Comments RSS</a></li>
          
          <li><a href="#">Site Admin</a></li>
          <li><a href="#"> Log out</a></li>
          <li><a href="#"> Entries RSS</a></li>
          <li><a href="#"> Comments RSS</a></li>
          <li><a href="#"> WordPress.org</a><br />
          </li>
        </ul>
      </div>
      <div class="blog">
        <h2>Latest News</h2>
        <p><strong>At vero eos et accusamus et iusto </strong><br />
          <a href="#">January 6, 2010</a><br />
          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor dolore magna aliqua...</p>
        <p><strong>Cras lobortis mauris vel diam </strong><br />
          <a href="#">February 27, 2010</a><br />
          Ut enim ad minim veniam, quis nostrud exercitation Lorem ipsum dolor sit amet...</p>
        <div class="clr"></div>
      </div>
      <div class="blog last">
        <h2>Contact</h2>
        <p>+1 215.676.7876<br />
          <a href="mailto:contact@mycompany.com">contact@mycompany.com</a><br />
          123 Pine Street<br />
          Mycity, ST 19000 </p>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="footer">
    <div class="footer_resize">
      <p class="leftt">&copy; Copyright <a href="#">Templatesold</a>. All Rights Reserved </p>
      <p class="right"> (TS) <a href="http://www.templatesold.com">Website Templates</a></p>
      <div class="clr"></div>
    </div>
  </div>
</div>
        </form>
</body>
</html>

Open in new window


here is the register page
<%@ Page Title="" Language="C#" MasterPageFile="~/site.master" AutoEventWireup="true" CodeFile="Register.aspx.cs" Inherits="Register" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<head>
<title>TemplateAccess.com Theme</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<!-- Custom -->
<script type="text/javascript">
    $(function () { $('.search span').css({ 'border-radius': '5px' }); });
</script>
<!-- Cufon -->
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/myradpro.font.js"></script>
<script type="text/javascript">
    Cufon.replace('h1')('h2')('h3')('h4')('.menu a')('.rss a.big');
</script>

<script type="text/javascript">
// <![CDATA[
    jQuery(document).ready(function () {
        $('#contactform').submit(function () {
            var action = $(this).attr('action');
            $.post(action, {
                name: $('#name').val(),
                email: $('#email').val(),
                company: $('#company').val(),
                subject: $('#subject').val(),
                message: $('#message').val()
            },
			function (data) {
			    $('#contactform #submit').attr('disabled', '');
			    $('.response').remove();
			    $('#contactform').before('<p class="response">' + data + '</p>');
			    $('.response').slideDown();
			    if (data == 'Message sent!') $('#contactform').slideUp();
			}
		);
            return false;
        });
    });
// ]]>
</script>
</head>



    <div class="search">
      <form id="form1" name="form1" method="post" action="">
        <span>
        <input name="q" type="text" class="keywords" id="textfield" maxlength="50" value="Search..." />
        <input name="b" type="image" src="images/search.gif" class="button" />
        </span>
      </form>
    </div>
    <div class="clr"></div>
      <div class="clr"></div>
        <div class="bg_top"></div>
  <div class="header">
    <div class="logo"><a href="#"><img src="images/logo.png" alt="logo" width="215" height="109" border="0" /></a></div>
    <div class="clr"></div>
  </div>
  <div class="bg_top"></div>
  <div class="header_text">
    <h1>Contact Us<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></h1>
  </div>
  <div class="bg_center"></div>
  <div class="body">
    <div class="left">
        <h2>Send a Message<span>Sed congue, dui vel tristique mollis...</span></h2>
        <p>Ut id mi sed lacus pulvinar luctus eu vitae enim. Phasellus placerat ipsum nec leo porta accumsan. Aliquam dui ante, sagittis ultrices venenatis id, scelerisque consequat lacus. Etiam vehicula, libero non ultricies volutpat, quam lacus consectetur massa, in tempus orci lorem sit amet nisl. Praesent mollis ultrices lacus non tempor. Curabitur congue, nulla non consequat rutrum, tellus tortor aliquet massa, eu tincidunt sem velit ac leo. In rhoncus diam eget nunc lobortis eget interdum augue euismod. </p>
        <p>Proin tempus pulvinar nunc et pulvinar. Maecenas vel sem sit amet mauris porttitor suscipit non id neque. Ut vehicula dui at ante ultricies ac bibendum erat tempus. Mauris sagittis est sed orci pulvinar a lobortis orci lobortis. Aenean non velit sit amet nulla laoreet gravida.</p>
        <h2>Contact Form<span>Sed congue, dui vel tristique mollis...</span></h2>
        <form action="contact.php" method="post" id="contactform">
          <ol>
            <li>
              <label for="name">First Name:</label>
              <input id="name" name="name" class="text" />
            </li>
            <li>
              <label for="email">Your email:</label>
              <input id="email" name="email" class="text" />
            </li>
            <li>
              <label for="company">Company:</label>
              <input id="company" name="company" class="text" />
            </li>
            <li>
              <label for="message">Message:</label>
              <textarea id="message" name="message" rows="6" cols="50"></textarea>
            </li>
            <li class="buttons">
              <input type="image" name="imageField" id="imageField" src="images/button_more.gif" class="send" />
              <div class="clr"></div>
            </li>
          </ol>
        </form>
      </div>
      <div class="right">
        <h2>Get in touch<span>Sed congue, dui vel tristique mollis...</span></h2>
        <p><strong>Address Info</strong><br />
          123 Pine Street<br />
        Mycity, ST 19000</p>
        <p><strong>Email:</strong><a href="mailto:contact@mycompany.com"> contact@mycompany.com</a><br />
          <strong>Website:</strong> <a href="#">www.mycompany.com</a><br />
          <strong>Phone:</strong> 0800-123456 </p>
      </div>
    <div class="clr"></div>
  </div>
  <div class="bg_center"></div>
  
  


</asp:Content>

Open in new window


here is the style.css page
/*
Author: TemplateAccess.com (DT/TS)
*/
@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#f4f4f4;}
html { padding:0; margin:0;}

.main { margin:0 auto; padding:0; background:url(images/header_bg.gif) repeat-x;}
/********** header **********/
.header { padding:0; margin:0 auto; width:960px; background:url(images/header_bg.png) no-repeat top;}
/* logo */
.logo {padding:0; margin:0; width:335px; float:left;}
/* RSS */
.rss { width:220px; float:right; padding:25px 0; margin:0; background: url(images/RSS_bg.gif) right center no-repeat; }
.rss ul { list-style:none; margin:0; padding:5px 0 0 0; }
.rss li { display:inline; border-left:1px solid #9d9d9d; padding:0 5px; margin:0; }
.rss li.first { border:0; padding:0 5px 0 0; }
.rss li a { font: normal 11px Arial, Helvetica, sans-serif; color:#9d9d9d; text-decoration:none; }
.rss li a:hover { text-decoration:underline; }
.rss a.big { text-decoration:none; font: normal 18px Arial, Helvetica, sans-serif; color:#9e9d9d; padding:0; margin:0; display:block; }
/*menu*/
.menu { padding:0; margin:0; float:left; width:406px;
}
.menu ul { border-style: none;
    border-color: inherit;
    border-width: 0;
    text-align:left; padding:18px 0 15px; margin:0; list-style:none; height:31px;
    width: 403px;
}
.menu ul li { float:left; margin:0; padding:0 5px; border:0; height:31px;}
.menu ul li a { float:left; margin:0; padding:0; color:#d4d4d4; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; }
.menu ul li a span { display:block; padding:10px 15px; background:none; }
.menu ul li a:hover, .menu ul li a.active { color:#d4d4d4; background:url(images/menu_r.png) no-repeat right; }
.menu ul li a:hover span, .menu ul li a.active span {color:#d4d4d4; background:url(images/menu_l.png) no-repeat left; }

/* Login Area */
.LoginAreaHeader
{
    padding:0; margin:0; float:right; width:500px; 
height:64px;
    }


/* body */
.body { width:910px; margin:0 auto; padding:10px 25px; background:url(images/body_bg.png);}
.body h2 { font: normal 24px Arial, Helvetica, sans-serif; color:#494848; padding:15px 0; margin:0;}
.body h2 span { display:block; font: normal 11px Arial, Helvetica, sans-serif; color:#b7b7b7; padding:0; margin:0;}
.body .comment { float:right; width:44px; height:46px; background:url(images/comment_bg.gif) no-repeat; font:normal 22px Arial, Helvetica, sans-serif; color:#a4a4a4; line-height:38px; text-align:center;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#848484; line-height:1.8em; padding:5px 0; margin:0;}
.body p.about { background:#e6e6e6; border-left:5px solid #cdcdcd; padding:20px; margin:15px 0; font: italic 12px Arial, Helvetica, sans-serif; color:#747474;}
.body p span { font-size:18px; font-weight:bold; color:#888;}
.body a { color:#f0962e; text-decoration:none;}
.body ul.list { padding:0; margin:0; list-style:none;}
.body ul.list li { float:left; width:50%; padding:3px 0;}
.body img { margin:5px auto; padding:5px; background:#FFF; border:1px solid #d4d4d4;}
.body img.noborder { border:0; padding:0; margin:10px 10px 0 0;}
.body img.none { float:none; margin:0; padding:0; border:none; background:none;}
.body img.f_left { float:left;}
.right { width:286px; margin:0; padding:0; float:right;}
.left { width:601px; margin:0; padding:0 23px 0 0; float:left;}
.port { width:288px; margin:0; padding:0 23px 0 0; float:left;}
.last { padding:0;}
/********** contact form **********/
#contactform { margin:0; padding:5px 0; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:100px; display:block; padding:5px 0; color:#737373; font:normal 12px Arial, Helvetica, sans-serif; float:left; }
#contactform label span { color:#d66423; font-weight:bold; }
#contactform input.text { width:450px; border:1px solid #d4d4d4; margin:5px 0; padding:3px 2px; height:16px; background:#fff; float:left; }
#contactform textarea { width:450px; border:1px solid #d4d4d4; margin:5px 0; padding:2px; background:#fff; float:left; }
#contactform li.buttons input { padding:3px 0 3px 0; margin:10px 0 0 100px; border:0; color:#FFF; float:left; }
/* FBG */
.FBG { padding:0; margin:0; background:#373737; border-bottom:1px solid #333333;}
.FBG_resize { width:910px; margin:0 auto; padding:20px 0;}
.FBG img { float:left; margin:0; padding:0;}
.FBG a { color:#f0962e; text-decoration:none; font-weight:bold; }
.FBG h2 { font: normal 22px Arial, Helvetica, sans-serif; color:#bebdbd; padding:10px 0; margin:0;}
.FBG p {font: normal 11px Arial, Helvetica, sans-serif; color:#919191; padding:5px 0; margin:0; line-height:1.8em;}
.FBG ul { padding:0; margin:0; list-style:none;}
.FBG li { padding:5px 0; margin:0; }
.FBG li a { font:normal 11px Arial, Helvetica, sans-serif; color:#757575; padding:5px 0 5px 0; margin:0;text-decoration:none;}
.FBG li a:hover { text-decoration:underline;}
.FBG .blog { width:190px; float:left; margin:0 25px 0 0; padding:0 25px 0 0; background:url(images/f_line.gif) repeat-y right;}
.FBG .blog.last { padding:0; margin:0; background:none;}
/*************footer**********/
.footer { background:#2e2e2e url(images/footer_shadow_bg.png) top no-repeat; border-top:1px solid #303030;}
.footer_resize { width:910px; padding:20px 0; margin:0 auto;}
.footer p { font:normal 12px Arial, Helvetica, sans-serif; color:#979797;}
.footer a { font:bold 12px Arial, Helvetica, sans-serif; color:#a9a9a9; text-decoration:none; }
.footer p.right { text-align:right; width:350px; margin:0; padding:10px 0; float:right;} 
.footer p.leftt { text-align:left; width:550px; margin:0; padding:10px 0; float:left;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
.bg { clear:both; padding:3px 0; margin:0; border-bottom:1px solid #ededed;}
/* Slider */
#slider { width:960px; padding:0 0 27px 0; margin:0 auto; background:url(images/shadow_slide.png) no-repeat bottom;}
#slider .flash_slider { width:960px; height:350px; margin:0; overflow:hidden;}
/* Top LIne */
.top_line { width:960px; margin:0 auto; height:64px; color:#999999; font:normal 11px Arial, Helvetica, sans-serif; border-bottom:1px solid #ffffff;}
/* search */
.search { padding:15px 0 0; margin:0; width:266px; float:right;
    height: 31px;
}
.search form { display:block; float:right; padding:0;}
.search span { display:block; float:left; background:#393735; width:264px; padding:0; height:30px; border:1px solid #FFF; background:url(images/search_bg.gif);}
.search form .keywords { width:214px; float:left; background:none; border:0; padding:7px 10px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#706e6d; line-height:14px;}
.search form .button { float:left; margin:0; padding:0;}
/*-- Hedaer blog --*/
.header_text { width:910px; margin:0 auto; padding:25px; background:url(images/body_bg.png);}
.header_text h1 { margin:0; padding:0; color:#33312f; font:normal 18px Arial, Helvetica, sans-serif;}
.header_text span { display:block; color:#b1b1b1; font:normal 11px Arial, Helvetica, sans-serif;}

/* shadow */
.bg_top { background:url(images/body_t_bg.png) center no-repeat; padding:15px 0 0;}
.bg_center { background:url(images/body_c_bg.png) center no-repeat; padding:20px 0 0;}
.bg_footer { background:url(images/body_f_bg.png) center no-repeat; padding:15px 0 0;}

Open in new window

0
Comment
Question by:solarissf
  • 7
  • 2
9 Comments
 

Author Comment

by:solarissf
ID: 37759692
if I erase the div.search area, the black borders moves half way down the page, and the layout on the contact info goes all wacky
0
 
LVL 16

Expert Comment

by:s8web
ID: 37760436
Do you have this running somewhere you could give us a link to?

You posted the code that needs to be parsed to test.

If you could provide a link or the full browser parsed code (copy the code from your browser and paste), you will likely get more results.

What does header_bg.gif look like?
0
 

Author Comment

by:solarissf
ID: 37760748
header.bgUnfortunately I do not have a webhost yet.  I launched in browser and copied code, is this what you mean?  

Attached is the header-bg... .thanks soo much, this is driving me crazy and I feel like if I can get a grasp on this problem I will be able to better understand css for my other pages.

Thanks!!

 
 
<!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">
 
 
<head id="Head1"><title>
	TemplateAccess.com Theme
</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><link href="style.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
        <!-- Custom -->
        <script type="text/javascript">
            $(function () { $('.search span').css({ 'border-radius': '5px' }); });
        </script>
        <!-- Cufon -->
        <script type="text/javascript" src="js/cufon-yui.js"></script>
        <script type="text/javascript" src="js/myradpro.font.js"></script>
        <script type="text/javascript">
            Cufon.replace('h1')('h2')('h3')('h4')('.menu a')('.rss a.big');
        </script>
        <!-- flash script -->
        <script type="text/javascript" src="js/flash_detect.v1.7.js"></script>
            
            </head>
 
<body>
<form method="post" action="Register.aspx" onsubmit="javascript:return WebForm_OnSubmit();" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTEwMDUyNjYzMjhkZGxx480qDXcAvb9CNhaZUfsWAsVvx7Tr+tVOIuFZhngd" />
</div>
 
<script type="text/javascript"> 
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
    theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>
 
 
<script src="/CompChart/WebResource.axd?d=4tN8PaS_nJBxJ9kckiJ0qWiF7RSESXU591dMJI_KmWmRX7IqxXuMkQcJAraH0iZOB4I8n4h9JfCm2Z5hVOXseGcljBqGee0Iz6kcsrl2_pQ1&amp;t=634666700650670355" type="text/javascript"></script>
 
 
<script src="/CompChart/WebResource.axd?d=tHmHEGg3z7tn5OK4-VdX0LOIbAWIPpm8YJhCrL-7Y44QQP8fyiLnmyBFbvy1nZW6MuTgHemtjWPsJMpoIfOHlggICWvUn6O5-QTNiMnvrXQ1&amp;t=634666700650670355" type="text/javascript"></script>
<script type="text/javascript"> 
//<![CDATA[
function WebForm_OnSubmit() {
if (typeof(ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) return false;
return true;
}
//]]>
</script>
 
<div class="aspNetHidden">
 
	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWBALXmJfmCgKa+cneDgKI9ZHOBQK7xv/lCY1zelkFeowEm1qMUvjzVm2Gx+zs9RHpGG/MeETkSHBV" />
</div>
<div class="main">
  <div class="top_line">
    <div class="menu">
      <ul>
        <li><a href="index.html" class="active"><span>Home</span></a></li>
        <li><a href="portfolio.html"><span>Portfolio</span></a></li>
        <li><a href="about.html"><span>Blog</span></a></li>
        <li><a href="Register.aspx"><span>Sign Up</span></a></li>
        <li><a href="Userform.aspx"><span>Userform</span></a></li>
      </ul>
      <div class="clr"></div>
    </div>
    <div class="LOGINAREAHEADER">
        
        <span>&nbsp;
        <table id="Login1" cellspacing="0" cellpadding="0" style="width:552px;border-collapse:collapse;">
	<tr>
		<td>
                <table cellpadding="1" cellspacing="0" style="border-collapse:collapse;">
                    <tr>
                        <td>
                            <table cellpadding="0">
                                <tr>
                                    <td align="center" class="style2" colspan="2">
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right">
                                        <label for="Login1_UserName" id="Login1_UserNameLabel">User Name:</label>
                                    </td>
                                    <td class="style1">
                                        <input name="ctl00$Login1$UserName" type="text" id="Login1_UserName" style="height:16px;width:118px;" />
                                        <span id="Login1_UserNameRequired" title="User Name is required." style="visibility:hidden;">*</span>
                                        <label for="Login1_Password" id="Login1_PasswordLabel">Password:</label>
                                        <input name="ctl00$Login1$Password" type="password" id="Login1_Password" style="width:118px;" />
                                        <input type="submit" name="ctl00$Login1$LoginButton" value="Log In" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$Login1$LoginButton&quot;, &quot;&quot;, true, &quot;ctl00$Login1&quot;, &quot;&quot;, false, false))" id="Login1_LoginButton" />
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right">
                                        &nbsp;</td>
                                    <td class="style1">
                                        <span id="Login1_PasswordRequired" title="Password is required." style="visibility:hidden;">*</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        &nbsp;</td>
                                </tr>
                                <tr>
                                    <td align="center" colspan="2" style="color:Red;">
                                        
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right" colspan="2">
                                        &nbsp;</td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
	</tr>
</table>
        </span>
 
    </div>
    <div class="clr"></div>
  </div>
  
 
 
 
 
    <div class="search">
      <form id="form1" name="form1" method="post" action="">
      </form>
    </div>
    <div class="header">
    <div class="logo"><a href="#"><img src="images/logo.png" alt="logo" width="215" height="109" border="0" /></a></div>
    <div class="clr"></div>
  </div>
  <div class="bg_top"></div>
  <div class="header_text">
    <h1>Contact Us<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></h1>
  </div>
  <div class="bg_center"></div>
  <div class="body">
    <div class="left">
        <h2>Send a Message<span>Sed congue, dui vel tristique mollis...</span></h2>
        <p>Ut id mi sed lacus pulvinar luctus eu vitae enim. Phasellus placerat ipsum nec leo porta accumsan. Aliquam dui ante, sagittis ultrices venenatis id, scelerisque consequat lacus. Etiam vehicula, libero non ultricies volutpat, quam lacus consectetur massa, in tempus orci lorem sit amet nisl. Praesent mollis ultrices lacus non tempor. Curabitur congue, nulla non consequat rutrum, tellus tortor aliquet massa, eu tincidunt sem velit ac leo. In rhoncus diam eget nunc lobortis eget interdum augue euismod. </p>
        <p>Proin tempus pulvinar nunc et pulvinar. Maecenas vel sem sit amet mauris porttitor suscipit non id neque. Ut vehicula dui at ante ultricies ac bibendum erat tempus. Mauris sagittis est sed orci pulvinar a lobortis orci lobortis. Aenean non velit sit amet nulla laoreet gravida.</p>
        <h2>Contact Form<span>Sed congue, dui vel tristique mollis...</span></h2>
        <form action="contact.php" method="post" id="contactform">
          <ol>
            <li>
              <label for="name">First Name:</label>
              <input id="name" name="name" class="text" />
            </li>
            <li>
              <label for="email">Your email:</label>
              <input id="email" name="email" class="text" />
            </li>
            <li>
              <label for="company">Company:</label>
              <input id="company" name="company" class="text" />
            </li>
            <li>
              <label for="message">Message:</label>
              <textarea id="message" name="message" rows="6" cols="50"></textarea>
            </li>
            <li class="buttons">
              <input type="image" name="imageField" id="imageField" src="images/button_more.gif" class="send" />
              <div class="clr"></div>
            </li>
          </ol>
        </form>
      </div>
      <div class="right">
        <h2>Get in touch<span>Sed congue, dui vel tristique mollis...</span></h2>
        <p><strong>Address Info</strong><br />
          123 Pine Street<br />
        Mycity, ST 19000</p>
        <p><strong>Email:</strong><a href="mailto:contact@mycompany.com"> contact@mycompany.com</a><br />
          <strong>Website:</strong> <a href="#">www.mycompany.com</a><br />
          <strong>Phone:</strong> 0800-123456 </p>
      </div>
    <div class="clr"></div>
  </div>
  <div class="bg_center"></div>
  
 
 
  <div class="FBG">
    <div class="FBG_resize">
      <div class="blog">
        <h2>Recent Post</h2>
        <ul>
          <li><a href="#">&raquo; Full standards compliance</a></li>
          <li><a href="#">&raquo; All of Videos Supported</a></li>
          <li><a href="#">&raquo; Spam protection</a></li>
          <li><a href="#">&raquo; Video Support!</a></li>
          <li><a href="#">&raquo; We have gone!</a></li>
          <li><a href="#">&raquo; Dummy Photo</a></li>
          <li><a href="#">&raquo; We have gone!</a></li>
          <li><a href="#">&raquo; Dummy Photo</a></li>
          <li><a href="#">&raquo; Spam protection</a></li>
        </ul>
      </div>
      <div class="blog">
        <h2>Miscelaneous</h2>
        <ul>
          <li><a href="#">Site Admin</a></li>
          <li><a href="#"> Log out</a></li>
          <li><a href="#"> Entries RSS</a></li>
          <li><a href="#"> Comments RSS</a></li>
          
          <li><a href="#">Site Admin</a></li>
          <li><a href="#"> Log out</a></li>
          <li><a href="#"> Entries RSS</a></li>
          <li><a href="#"> Comments RSS</a></li>
          <li><a href="#"> WordPress.org</a><br />
          </li>
        </ul>
      </div>
      <div class="blog">
        <h2>Latest News</h2>
        <p><strong>At vero eos et accusamus et iusto </strong><br />
          <a href="#">January 6, 2010</a><br />
          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor dolore magna aliqua...</p>
        <p><strong>Cras lobortis mauris vel diam </strong><br />
          <a href="#">February 27, 2010</a><br />
          Ut enim ad minim veniam, quis nostrud exercitation Lorem ipsum dolor sit amet...</p>
        <div class="clr"></div>
      </div>
      <div class="blog last">
        <h2>Contact</h2>
        <p>+1 215.676.7876<br />
          <a href="mailto:contact@mycompany.com">contact@mycompany.com</a><br />
          123 Pine Street<br />
          Mycity, ST 19000 </p>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="footer">
    <div class="footer_resize">
      <p class="leftt">&copy; Copyright <a href="#">Templatesold</a>. All Rights Reserved </p>
      <p class="right"> (TS) <a href="http://www.templatesold.com">Website Templates</a></p>
      <div class="clr"></div>
    </div>
  </div>
</div>
        
<script type="text/javascript"> 
//<![CDATA[
var Page_Validators =  new Array(document.getElementById("Login1_UserNameRequired"), document.getElementById("Login1_PasswordRequired"));
//]]>
</script>
 
<script type="text/javascript"> 
//<![CDATA[
var Login1_UserNameRequired = document.all ? document.all["Login1_UserNameRequired"] : document.getElementById("Login1_UserNameRequired");
Login1_UserNameRequired.controltovalidate = "Login1_UserName";
Login1_UserNameRequired.errormessage = "User Name is required.";
Login1_UserNameRequired.validationGroup = "ctl00$Login1";
Login1_UserNameRequired.evaluationfunction = "RequiredFieldValidatorEvaluateIsValid";
Login1_UserNameRequired.initialvalue = "";
var Login1_PasswordRequired = document.all ? document.all["Login1_PasswordRequired"] : document.getElementById("Login1_PasswordRequired");
Login1_PasswordRequired.controltovalidate = "Login1_Password";
Login1_PasswordRequired.errormessage = "Password is required.";
Login1_PasswordRequired.validationGroup = "ctl00$Login1";
Login1_PasswordRequired.evaluationfunction = "RequiredFieldValidatorEvaluateIsValid";
Login1_PasswordRequired.initialvalue = "";
//]]>
</script>
 
 
<script type="text/javascript"> 
//<![CDATA[
 
var Page_ValidationActive = false;
if (typeof(ValidatorOnLoad) == "function") {
    ValidatorOnLoad();
}
 
function ValidatorOnSubmit() {
    if (Page_ValidationActive) {
        return ValidatorCommonOnSubmit();
    }
    else {
        return true;
    }
}
        //]]>
</script>
</form>
</body>
</html>

Open in new window

0
 
LVL 16

Expert Comment

by:s8web
ID: 37760984
In your css, find the line:

.header { padding:0; margin:0 auto; width:960px; background:url(images/header_bg.png) no-repeat top;}

Remove background:url(images/header_bg.png) no-repeat top;
0
How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

 

Author Comment

by:solarissf
ID: 37761037
new screen- black bar still twiceI tried removing the background:url(images/header_bg.png) no-repeat top;
 in css style and now the black bar goes across the entire top twice instead of just the sides.  So still not working properly.  Now I see 2 full black bars where i'm trying to get the black bar only once in the header.

screen shot attached
0
 

Author Comment

by:solarissf
ID: 37768976
view in browserdesign modewell I made some changes and its better and worse.
I took a screen shot of design mode and view in brower.  I cant figure out why they are different... everything looks good in design mode.

Pleaseee help, I've spent hourssss on this..
There should be NO black bar in the middle of the page next to SEND MESSAGE,
and the RIGHT COLUMN got moved down somehow

Thanks



<%@ Page Title="" Language="C#" MasterPageFile="~/site.master" AutoEventWireup="true" CodeFile="Register.aspx.cs" Inherits="Default2" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div class="TESTER">
    <div class="headerRegister">
        <div class="logo"><a href="#"><img src="images/logo.png" alt="logo" width="215" height="109" border="0" /></a></div>
        <div class="clr"></div>
    </div>
  <div class="bg_top"></div>
  <div class="header_textREGISTER">
    <h1>Registration Page:</h1>
  </div>
  <div class="bg_center"></div>
  <div class="body">
    <div class="left">
        <h2>Sign up below:</h2>
        <p>
            <asp:CreateUserWizard ID="CreateUserWizard1" runat="server">
                <WizardSteps>
                    <asp:CreateUserWizardStep runat="server" />
                    <asp:CompleteWizardStep runat="server" />
                </WizardSteps>
            </asp:CreateUserWizard>
        </p>
        <p>&nbsp;</p>
        <form action="contact.php" method="post" id="contactform">
        </form>
      </div>
      <div class="right">
        <h2>Get in touch<span>Please email us with any questions...</span></h2>
          <p>
              <strong>Email:</strong><a href="mailto:contact@mycompany.com"> contact@mycompany.com</a><br />
              <strong>Website:</strong> <a href="#">www.mycompany.com</a><br />
          </p>
      </div>
    <div class="clr"></div>
  </div>
  <div class="bg_center"></div>
  </div>
</asp:Content>

Open in new window


style.css
/*
Author: TemplateAccess.com (DT/TS)
*/
@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#f4f4f4;}
html { padding:0; margin:0;}

.main { margin:0 auto; padding:0; background:url(images/header_bg.gif) repeat-x;}
/********** header **********/
.header { padding:0; margin:0 auto; width:960px; background:url(images/header_bg.png) no-repeat top;}
.headerRegister { padding:0; margin:0 auto; width:960px; background:url(images/header_bg.png) no-repeat top;}
/* logo */
.logo {padding:0; margin:0; width:335px; float:left;}
/* RSS */
.rss { width:220px; float:right; padding:25px 0; margin:0; background: url(images/RSS_bg.gif) right center no-repeat; }
.rss ul { list-style:none; margin:0; padding:5px 0 0 0; }
.rss li { display:inline; border-left:1px solid #9d9d9d; padding:0 5px; margin:0; }
.rss li.first { border:0; padding:0 5px 0 0; }
.rss li a { font: normal 11px Arial, Helvetica, sans-serif; color:#9d9d9d; text-decoration:none; }
.rss li a:hover { text-decoration:underline; }
.rss a.big { text-decoration:none; font: normal 18px Arial, Helvetica, sans-serif; color:#9e9d9d; padding:0; margin:0; display:block; }
/*menu*/
.menu { padding:0; margin:0; float:left; width:450px;}
.menu ul { text-align:left; padding:18px 0 15px; margin:0; list-style:none; border:0; height:31px;}
.menu ul li { float:left; margin:0; padding:0 5px; border:0; height:31px;}
.menu ul li a { float:left; margin:0; padding:0; color:#d4d4d4; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; }
.menu ul li a span { display:block; padding:10px 15px; background:none; }
.menu ul li a:hover, .menu ul li a.active { color:#d4d4d4; background:url(images/menu_r.png) no-repeat right; }
.menu ul li a:hover span, .menu ul li a.active span {color:#d4d4d4; background:url(images/menu_l.png) no-repeat left; }
/* body */
.body { width:910px; margin:0 auto; padding:10px 25px; background:url(images/body_bg.png);}
.body h2 { font: normal 24px Arial, Helvetica, sans-serif; color:#494848; padding:15px 0; margin:0;}
.body h2 span { display:block; font: normal 11px Arial, Helvetica, sans-serif; color:#b7b7b7; padding:0; margin:0;}
.body .comment { float:right; width:44px; height:46px; background:url(images/comment_bg.gif) no-repeat; font:normal 22px Arial, Helvetica, sans-serif; color:#a4a4a4; line-height:38px; text-align:center;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#848484; line-height:1.8em; padding:5px 0; margin:0;}
.body p.about { background:#e6e6e6; border-left:5px solid #cdcdcd; padding:20px; margin:15px 0; font: italic 12px Arial, Helvetica, sans-serif; color:#747474;}
.body p span { font-size:18px; font-weight:bold; color:#888;}
.body a { color:#f0962e; text-decoration:none;}
.body ul.list { padding:0; margin:0; list-style:none;}
.body ul.list li { float:left; width:50%; padding:3px 0;}
.body img { margin:5px auto; padding:5px; background:#FFF; border:1px solid #d4d4d4;}
.body img.noborder { border:0; padding:0; margin:10px 10px 0 0;}
.body img.none { float:none; margin:0; padding:0; border:none; background:none;}
.body img.f_left { float:left;}
.right { width:286px; margin:0; padding:0; float:right;}
.left { width:601px; margin:0; padding:0 23px 0 0; float:left;}
.port { width:288px; margin:0; padding:0 23px 0 0; float:left;}
.last { padding:0;}
/********** contact form **********/
#contactform { margin:0; padding:5px 0; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:100px; display:block; padding:5px 0; color:#737373; font:normal 12px Arial, Helvetica, sans-serif; float:left; }
#contactform label span { color:#d66423; font-weight:bold; }
#contactform input.text { width:450px; border:1px solid #d4d4d4; margin:5px 0; padding:3px 2px; height:16px; background:#fff; float:left; }
#contactform textarea { width:450px; border:1px solid #d4d4d4; margin:5px 0; padding:2px; background:#fff; float:left; }
#contactform li.buttons input { padding:3px 0 3px 0; margin:10px 0 0 100px; border:0; color:#FFF; float:left; }
/* FBG */
.FBG { padding:0; margin:0; background:#373737; border-bottom:1px solid #333333;}
.FBG_resize { width:910px; margin:0 auto; padding:20px 0;}
.FBG img { float:left; margin:0; padding:0;}
.FBG a { color:#f0962e; text-decoration:none; font-weight:bold; }
.FBG h2 { font: normal 22px Arial, Helvetica, sans-serif; color:#bebdbd; padding:10px 0; margin:0;}
.FBG p {font: normal 11px Arial, Helvetica, sans-serif; color:#919191; padding:5px 0; margin:0; line-height:1.8em;}
.FBG ul { padding:0; margin:0; list-style:none;}
.FBG li { padding:5px 0; margin:0; }
.FBG li a { font:normal 11px Arial, Helvetica, sans-serif; color:#757575; padding:5px 0 5px 0; margin:0;text-decoration:none;}
.FBG li a:hover { text-decoration:underline;}
.FBG .blog { width:190px; float:left; margin:0 25px 0 0; padding:0 25px 0 0; background:url(images/f_line.gif) repeat-y right;}
.FBG .blog.last { padding:0; margin:0; background:none;}
/*************footer**********/
.footer { background:#2e2e2e url(images/footer_shadow_bg.png) top no-repeat; border-top:1px solid #303030;}
.footer_resize { width:910px; padding:20px 0; margin:0 auto;}
.footer p { font:normal 12px Arial, Helvetica, sans-serif; color:#979797;}
.footer a { font:bold 12px Arial, Helvetica, sans-serif; color:#a9a9a9; text-decoration:none; }
.footer p.right { text-align:right; width:350px; margin:0; padding:10px 0; float:right;} 
.footer p.leftt { text-align:left; width:550px; margin:0; padding:10px 0; float:left;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
.bg { clear:both; padding:3px 0; margin:0; border-bottom:1px solid #ededed;}
/* Slider */
#slider { width:960px; padding:0 0 27px 0; margin:0 auto; background:url(images/shadow_slide.png) no-repeat bottom;}
#slider .flash_slider { width:960px; height:350px; margin:0; overflow:hidden;}
/* Top LIne */
.top_line { width:960px; margin:0 auto; height:64px; color:#999999; font:normal 11px Arial, Helvetica, sans-serif; border-bottom:1px solid #ffffff;}
/* search */
.search { padding:0 0 0; margin:0; height: 64px; width:400px; float:right;}
.search form { display:block; float:right; padding:0;}
.search span { display:block; float:left; background:#393735; width:264px; padding:0; height:30px; border:1px solid #FFF; background:url(images/search_bg.gif);}
.search form .keywords { width:214px; float:left; background:none; border:0; padding:7px 10px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#706e6d; line-height:14px;}
.search form .button { float:left; margin:0; padding:0;}
/*-- Hedaer blog --*/
.header_text { width:910px; margin:0 auto; padding:25px; background:url(images/body_bg.png);}
.header_textREGISTER { width:910px; margin:0 auto; padding:25px; background:url(images/body_bg.png);}
.header_text h1 { margin:0; padding:0; color:#33312f; font:normal 18px Arial, Helvetica, sans-serif;}
.header_textREGISTER h1 { margin:0; padding:0; color:#33312f; font:normal 18px Arial, Helvetica, sans-serif;}
.header_text span { display:block; color:#b1b1b1; font:normal 11px Arial, Helvetica, sans-serif;}

/* shadow */
.bg_top { background:url(images/body_t_bg.png) center no-repeat; padding:15px 0 0;}
.bg_center { background:url(images/body_c_bg.png) center no-repeat; padding:20px 0 0;}
.bg_footer { background:url(images/body_f_bg.png) center no-repeat; padding:15px 0 0;}

.TESTER {background:none}

Open in new window

0
 

Author Comment

by:solarissf
ID: 37771190
turns out there is a bigger issue, on my work pc (IE8) everything is fine.  On my main pc at home (also IE8), it has these bugs, can anyone offer assistance?
0
 

Accepted Solution

by:
solarissf earned 0 total points
ID: 37781593
solved... somewhere code is failing on IE8 standards, if I switched to IE7 standards it works
0
 

Author Closing Comment

by:solarissf
ID: 37799969
found answer elsewhere online
0

Featured Post

Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

Join & Write a Comment

Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

758 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now