Background Image Not Working Inside <form>

Results 1 to 2 of 2

Thread: Background Image Not Working Inside <form>

  1. #1
    Join Date
    Dec 2008
    Posts
    28

    Default Background Image Not Working Inside <form>

    I just finished building a Master page for my site and for some reason one (not all) of the background images is no longer displaying. I noticed that when I take out the <form> tag that it appears. Below is some relevant code:

    Master Page
    Code:
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <div class="bgwrapper">
                <div class="wrapper">
                    <div class="header">
                        <div class="logo">
                            <h1>Junk</h1>
                        </div>
    Stylesheet
    Code:
    .bgwrapper {
    	background:url(/images/bdy-bg.png) repeat-x
    }
    
    .wrapper {
    	width:810px;
    	margin:0 auto
    }
    
    .header {
    	height:105px;
    	padding:10px 0 0 12px
    }
    
    .logo {
    	background:url(/images/logo-trans.png);
    	width:228px;
    	height:101px;
    	float:left
    }
    The strange part is that the background in the logo class displays just fine. Both bg images are in the same directory, so it isn't a path issue (but I've tried a number of ways, just in case). There are no errors and everything else on the site works just fine. Any tips you can provide are greatly appreciated!
    Last edited by eimpact; 02-26-2012 at 12:14 AM. Reason: misspelling

  2. #2
    Join Date
    Dec 2008
    Posts
    28

    Default

    Found the issue...had a second <form> tag in the content page...

Tags for this Thread

Posting Permissions

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