Results 1 to 3 of 3

Thread: div inside a container moves under other div within same container in ie6

  1. #1
    Join Date
    Aug 2009
    Posts
    15
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default div inside a container moves under other div within same container in ie6

    The css layout for this site: www.hoosickstreetbeverage.com looks fine in FF, Safari, Opera, and ie 7 & 8 but not ie 6. What happens is the "#sidebar" div moves down underneath the "#text" div rather than staying to the left of it like it should. I am beside myself in how to correct this.

    The "#sidebar" and "#text" divs are wrapped within a "#content" div.

    Here's the code for each div:
    Code:
    #content{	
    	width: 800px;
    	background-color: #F2F5CF;
    }
    #sidebar{
    	width: 250px;
    	text-align: center;
    	margin-left: 40px;
            margin-bottom: 40px;
    	padding-top: 200px;
    }
    #text {
    	float: right;
    	width: 400px;
    	text-align: justify;
    	margin-right: 60px;
    	margin-top: 20px;
    }
    Hope this is enough info. I appreciate any help!
    Last edited by pelaej; 08-09-2009 at 02:19 PM.

  2. #2
    Join Date
    May 2007
    Location
    Boston,ma
    Posts
    2,127
    Thanks
    173
    Thanked 207 Times in 205 Posts

    Default

    whats the html is the #text above #sidebar?

  3. #3
    Join Date
    Aug 2009
    Posts
    15
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default

    Code:
    <div id="content">
            	
    			<div id="text">
                	<h1>Welcome!</h1>
                	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dolor odio, lobortis vel rhoncus quis, tempus ut odio. Nunc lacinia sagittis consequat. Maecenas diam turpis, ultricies eget ultricies ut, gravida ullamcorper justo. Proin vel dolor condimentum dolor adipiscing euismod vitae vel tellus. Praesent sagittis metus eu diam convallis condimentum. Maecenas laoreet eros quis ante varius luctus. Proin eget purus at nisl aliquet dignissim. Nullam metus mauris, adipiscing a dapibus at, blandit vel nisi. Vivamus consectetur, enim non rutrum elementum, dui tortor egestas felis, a imperdiet ligula ante ac lectus. Aenean dictum, quam vehicula ornare gravida, tortor tortor lobortis felis, eget vulputate ante arcu quis magna. In ultrices vulputate tellus, tempus fringilla ante condimentum vel. Integer fermentum fermentum consequat.</p>
    			</div><!-- end text -->
            	
                <div id="sidebar">   
                    
                    <div id="newsletter">
                        <h3>Sign-Up for Our Newsletter</h3>
                        <form name="form1" action="mailto:mail@yahoo.com" 
                        enctype="text/plain" method="POST">
                        Email Address:<input type="text" size="20" name="yourEmail">
                        <p><input type="submit" value="Submit"></p>
                        </form>           
                    </div><!-- end newsletter div -->
                    
                    <div id="image">
                        <img src="images/beerGlass_1.jpg" alt="Beer" />
                    </div><!-- end image -->
                    
    			</div><!-- end sidebar div-->
            
            <div class="clearfloat" /><!-- clearfloat for CONTENT div -->
            </div><!-- end content -->

Bookmarks

Posting Permissions

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