Hi Folks --

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:

<HTML>

        <HEAD>

        <TITLE>Lane Memorial Library, Hampton, NH</TITLE>

        </head>

        <STYLE type="text/css">

        div#c1 {

        float:left;

        width:260px;

        height:800px;

        background-color:#b3e0b8;

        border:2px solid #dce7d5;

        color:black;

        padding:10px;

        }

        div#c2 {

        float:right;

        }

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;">)

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.

Thanks in advance ...

Darrell Eifert
Lane Memorial Library
Hampton, NH

Comments