[thelist] Odd DIV/Border Issue

Anthony Baker lists at thinkbigideas.com
Mon Mar 24 10:52:02 CST 2003

Hey All,

I am currently working on a template for a site design that
calls for a centered layout with two main columns.

A rough example of the layout is as follows:

  <div id="frame">

     <div class="twoColumn">

         <div class="rightColumn">
            <div class="eventDates">Item</div>

         <div class="leftColumn">Text</div>


  <img src="footer_graphic.gif">

The div "frame" has a single-pixel border around it, with a
graphical footer following below.

The div "eventDates" has a border around it, and sits inside
the rightColumn.

On IE 6.0, this all works/displays perfectly. 

On Mozilla, the div "frame" seems to not be extending past
the div "eventDates"-- in fact, "eventDates" overlaps the
bottom border of "frame", which shouldn't be happening.

Note: Have not yet checked Opera or Mac browsers.

I have no idea what's causing this, and would love to get
some support. 


Template HTML

Template CSS Files

Anthony Baker | ThinkBigIdeas | Creative Design & Development
539 Ivy Street   San Francisco   California   94102-4133  USA
tel: 415.626.7697 | fax: 415.626.5297 | www.thinkbigideas.com


More information about the thelist mailing list