[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>
<div class="leftColumn">Text</div>
</div>
</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.
Anyone?
Template HTML
<http://elephantv2.thinkbigideas.com/home.php>
Template CSS Files
<http://elephantv2.thinkbigideas.com/code/css/complex.css>
<http://elephantv2.thinkbigideas.com/code/css/simple.css>
-------------------------------------------------------------
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