<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
</head>
<body bgcolor="#FFFFFF" text="#000000">
Hi Folks --<br>
<br>
I'm hoping someone familiar with the 'Front Page' Drupal module can
offer a suggestion. We are using Front Page to provide a custom
formatted splash page for our library users. The problem is that
code designed to display text inside a green column next to an
iframe with Google Calendar centered between an left and right
column of standard themed blocks is rendered differently on IE (all
versions) than Firefox / Safari / Chrome. I'm using the following
initial code:<br>
<br>
<div class="codeblock"><code><HTML><br>
<HEAD><br>
<TITLE>Lane Memorial Library, Hampton, NH</TITLE><br>
</head><br>
<STYLE type="text/css"><br>
div#c1 {<br>
float:left;<br>
width:260px;<br>
height:800px;<br>
background-color:#b3e0b8;<br>
border:2px solid #dce7d5;<br>
color:black;<br>
padding:10px;<br>
}<br>
<br>
div#c2 {<br>
float:right;<br>
}<br>
</code></div>
<p>In Firefox / Safari / Chrome text following an initial <div
id="c1"> is properly contained and displayed in a green box,
and the Google Calendar is just to the right according to the
div#c2 "float:right" column designation. In IE, the green
background is missing, the text fills all available space, and the
calendar winds up below the text. (I have followed the first
column code with <div style="clear:both;">)<br>
</p>
<p>This is an experimental site hosted on an in-house server, but I
would be happy to supply an 'outside' link for anyone kind enough
to help me find a solution.</p>
<p>Thanks in advance ...<br>
</p>
<p>Darrell Eifert<br>
Lane Memorial Library<br>
Hampton, NH<br>
</p>
<h2>Comments</h2>
<br>
</body>
</html>