...

View Full Version : Column height issues



Daf
01-09-2010, 01:37 AM
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

Excavator
01-09-2010, 01:55 AM
Hello daf,
Try a little rearranging. Like this -

#wrapper {
margin: 0 auto;
width: 900px;
overflow: auto;
background:#fff;
}
and

</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 -->

Daf
01-09-2010, 05:44 AM
Perfect! Thank you so much!!! :thumbsup:



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum