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 3 of 3
  1. #1
    Daf
    Daf is offline
    Regular Coder
    Join Date
    Feb 2005
    Location
    East Texas
    Posts
    140
    Thanks
    32
    Thanked 2 Times in 2 Posts

    Column height issues

    Hi all,

    I seem to have coded myself into a corner here by wanting a rounded corner bottom to my content area. The problem being that I need the right column to appear to be a long as the center column. The issue is illustrated here:
    http://www.sandiedickey.com/bio.php

    Normally I would add a background color to the wrapper but in doing so in this particular instance I blow out the rounded corner div I have in place.

    Would appreciate any advice on a better approach to this layout.

    CSS: http://www.sandiedickey.com/css/main.css
    HTML: http://www.sandiedickey.com/bio.php (view source okay?)

    Thanks so much!
    Daf

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello daf,
    Try a little rearranging. Like this -
    Code:
    #wrapper { 
    margin: 0 auto; 
    width: 900px;
    overflow: auto;
    background:#fff;
    }
    and
    Code:
    		</div>
    		
    		<div class="centered" style="margin-top: 0.5em;"><img src="images/rotators/imagerotator.php" class="border"></div>		
    		</div><!-- End Right Column -->
    		
    	</div>
    	<!-- End Wrapper -->
    		<!-- Round Bottom -->
    		<div id="roundbottom"></div>
    		 
    		 
    		<!-- Begin Footer -->
    		<div id="footer">
    		
    		    <p><a href="http://www.sandiedickey.com/" title="Home">Home</a> | <a href="http://www.sandiedickey.com/bio.php" title="Bio">Bio</a> | <a href="http://www.sandiedickey.com/music.php" title="Music">Music</a> | <a href="http://www.sandiedickey.com/gallery/" title="Gallery">Gallery</a> | <a href="http://www.sandiedickey.com/blog/" title="Blog">Blog</a> | <a href="http://www.sandiedickey.com/guestbook/" title="Guestbook">Guestbook</a> | <a href="http://www.sandiedickey.com/events.php" title="Events">Events</a> | <a href="http://www.sandiedickey.com/links.php" title="Links">Links</a> | <a href="http://www.sandiedickey.com/contact/" title="Contact">Contact</a></p>
    
        <p>   All Music/Content © Sandie Dickey ~ All rights reserved. <a href="http://www.sandiedickey.com/privacy.php" title="Privacy">Privacy Policy</a> </p>
        
        <div style="margin: 1em auto;">
        
        <a href="http://www.indieheaven.com/ct/?ad=1&amp;ref_id=51323" target="_blank"><img src="http://www.indieheaven.com/images/banner/2_a.gif" style="border: 1px solid rgb(205, 92, 92);"></a>
        
        </div>			    
    		</div>
    		<!-- End Footer -->
    		 
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    Daf (01-09-2010)

  • #3
    Daf
    Daf is offline
    Regular Coder
    Join Date
    Feb 2005
    Location
    East Texas
    Posts
    140
    Thanks
    32
    Thanked 2 Times in 2 Posts
    Perfect! Thank you so much!!!


  •  

    Posting Permissions

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