Results 1 to 6 of 6

Thread: Page layout problems in IE 6 or earlier

  1. #1
    Join Date
    Oct 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Page layout problems in IE 6 or earlier

    I've been working on this website, www.operahousearts.org, and I've been using more css then usual because the owner doesn't want alot of tables. It loads fine in most browsers, but in IE 6, all the borders for my different content get thrown off wack. Any help is greatly appreciated, please message me if you need anything.

  2. #2
    Join Date
    Oct 2008
    Location
    kolkata, india
    Posts
    75
    Thanks
    2
    Thanked 10 Times in 10 Posts

    Default

    u can use this css..
    body
    {
    background-color:#FECA00;
    margin:0;
    padding:0;
    }
    div, img, img, p, h2, td, form, h3, font, input{
    margin:0;
    padding:0;
    }
    img{
    border:none;
    }
    table.layout
    {
    clear:both;
    margin-top:-10px;
    margin-bottom:-10px;
    width:975px;
    background:#feca00 url('images/bodybg.jpg') center center repeat-y;
    border:0px;
    }
    div.layout
    {
    width:100%;
    margin-top:0px;
    border:0px;
    line-height:150%;
    }
    div#box{
    padding-top:10px;
    }
    div.headerfooter
    {
    padding:0em;
    clear:left;
    border:0px;
    font-color:black;
    }
    div.menubar
    {
    padding:0.5em;
    clear:left;
    background-color:#oooooo;
    border:0px;
    }
    div.left
    {
    float:left;
    width:200px;
    margin-left:15px;
    padding:0 17px;
    margin-bottom:10px;
    }
    div.main
    {
    border-left:1px solid gray;
    padding:0 17px 0 0;
    _padding:0 17px ;
    margin-left:252px;
    }
    div.mainleft
    {
    width:295px;
    float:left;
    border-right:1px solid gray;
    padding:0 17px;
    _padding:0 17px 0 0 ;
    }
    div.mainright
    {
    margin-left:329px;
    width:313.5px;
    padding-left:1em;
    }
    div.mainbottom
    {
    width:650px;
    border:0px;
    padding:0 0 0 17px;
    _padding:0;
    }
    div.moviehead
    {
    font-size:18px;
    font-weight:bold;
    color:red;
    font-family:arial black;
    text-decoration: underline;
    }
    div.moviedate
    {
    font-size:12px;
    color:red;
    font-family:arial;
    text-decoration: underline;
    }
    div.footertxt
    {
    font-size:12px;
    color:black;
    }
    div.volformleft
    {
    float:left;
    width:95px;
    margin-left:20px;
    padding:1em;
    margin-bottom:10px;
    font-size:14px
    }
    div.volformright
    {
    margin-left:140px;
    padding:1em;
    font-size:14px
    }
    .prlinks
    {
    font-size:12px;
    border-bottom:1px solid black;
    }


    #sddm
    {
    margin:0;
    display: block;
    margin-left: auto;
    margin-right: auto
    padding: 0;
    z-index: 30;
    border:10px solid black;
    }

    #sddm li
    {
    margin: 0;
    padding: 0;
    list-style: none;
    float:right;
    font: bold 14px arial black;
    }
    #sddm li a
    {
    display: block;
    border:1px solid #000000;
    padding: 4px 10px;
    width: auto;
    background: #FFB901;
    color: #000000;
    text-align: center;
    text-decoration: none;
    }
    #sddm li a:hover
    {
    background:#000000;
    color:#ffffff;
    }

    #sddm div
    {
    position: absolute;
    visibility: hidden;
    margin: 0;
    padding: 0;
    background: #FFB901;
    border: 1px solid #000000;
    }
    #sddm div a
    {
    position: relative;
    display: block;
    margin: 0;
    padding: 5px 10px;
    width: auto;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    background: #ffb901;
    color: #000000;
    font: 12px arial black}

    #sddm div a:hover
    {
    background: #000000;
    color: #ffffff
    }
    div.incite{
    border-right:1px solid #999999;
    width:201px;
    _width:188px;
    padding:0 17px;
    margin-left:15px;
    float:left;
    }
    with the html i m trying to provide... i would be glad if i can send u the whole zip file but it is exceeding the size limit..

  3. #3
    Join Date
    Oct 2008
    Location
    kolkata, india
    Posts
    75
    Thanks
    2
    Thanked 10 Times in 10 Posts

    Default

    <table class="layout" align="center">
    <td>
    <div class="layout">
    <div class="headerfooter" align="center">
    <img src="images/logo.jpg" style="border-width:4px; border-style:solid; border-color:#000000;">
    </div>
    <div class="menubar">
    <ul id="sddm">
    <li><a href="contactus.htm" onmouseover="mopen('donatemenu')" onmouseout="mclosetime()">CONTACT US</a>
    <div id="contactusmenu" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
    <a href="contactus.htm">CONTACT INFORMATION</a>
    <a href="carreropps.htm">CARRER OPPORTUNITIES</a>
    <a href="directions.htm">DIRECTIONS</a> </div>
    </li>
    <li><a href="media.htm" onmouseover="mopen('mediamenu')" onmouseout="mclosetime()">MEDIA</a>
    <div id="mediamenu" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
    <a href="video.htm">VIDEOS</a>
    <a href="audio.htm">SOUND CLIPS</a>
    <a href="ohtv.htm">OPERA HOUSE TV</a> </div>
    </li>
    <li><a href="supportus.htm" onmouseover="mopen('supportusmenu')" onmouseout="mclosetime()">SUPPORT US</a>
    <div id="supportusmenu" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
    <a href="donateform.htm">DONATIONS</a>
    <a href="volunteer.htm">VOLUNTEER</a>
    <a href="haveaseat.htm">THE HAVE A SEAT CAMPAIGN</a>
    <a href="capitalcamp.htm">THE CAPITAL CAMPAIGN</a>
    <a href="https://shop.operahousearts.org/splashPage.hg">GET OHA GEAR</a> </div>
    </li>
    <li><a href="education.htm" onmouseover="mopen('educationmenu')" onmouseout="mclosetime()">EDUCATION</a>
    <div id="educationmenu" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
    <a href="KCPE.htm">KENNEDY CENTER PARTNERSHIP FOR EDUCATION</a>
    <a href="winterworkshops.htm">WINTER WORKSHOPS FOR ARTIST</a>
    <a href="schoolworkshops.htm">SCHOOL WORKSHOPS AND RESIDENCIES</a> </div>
    </li>
    <li><a href="aboutus.htm" onmouseover="mopen('aboutusmenu')" onmouseout="mclosetime()">ABOUT US</a>
    <div id="aboutusmenu" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
    <a href="whatwedo.htm">WHAT WE DO</a>
    <a href="imaginationproject.htm">THE IMAGINATION PROJECT</a>
    <a href="history.htm">THE OPERA HOUSE</a>
    <a href="community.htm">THE COMMUNITY</a>
    <a href="tosca.htm">TOSCA</a>
    <a href="sponsers.htm">BUY LOCAL!</a> </div>
    </li>
    <li><a href="calender.htm" onmouseover="mopen('calendermenu')" onmouseout="mclosetime()">CALENDAR</a>
    <div id="calendermenu" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
    <a href="livetheater.htm">LIVE PERFORMANCES</a>
    <a href="movies.htm">MOVIES</a>
    <a href="communityevents.htm">COMMUNITY EVENTS</a> </div>
    </li>
    <li><a href="news.htm"
    onmouseover="mopen('newsmenu')" onmouseout="mclosetime()">NEWS</a>
    <div id="newsmenu" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
    <a href="pressrelease.htm">PRESS RELEASES</a>
    <a href="newsletters.htm">NEWSLETTERS</a>
    <a href="mediaraves.htm">MEDIA RAVES</a> </div>
    </li>
    <li><a href="index.html" style="background:#000000; color:#ffffff;">HOME</a></li>
    </ul>
    <div style="clear:both"></div>
    </div>
    <div id="TICKER" style="overflow:hidden; width:954px; margin-left:8px"><span style="background-color:#000000; color:#ffffff;"><strong>UP COMING EVENTS</strong></span>
    November 12 - "Our Own" Community Playreading of a new one act play "Kid in the Backseat," by island resident Nancy Hodermarsky</div>
    <script type="text/javascript" src="webticker_lib.js" language="javascript"></script>
    <hr />
    <div id="box">
    <div class="left">
    <div style="_margin-right:17px;" >
    <h2 style="border-top:3px solid black; border-bottom:3px solid black; font-family:arial black;padding-top:0.5em;padding-bottom:0.5em; " align="center">UPCOMING MOVIE</h2>

    <img src="images/frozen_river_movie_poster.jpg" width="100" align="left" style="padding-top:0.5em; padding-right:0.25em;">
    <div class="moviehead" align="left"><a href="http://www.sonyclassics.com/frozenriver/">Frozen River</a>
    </div>
    <div class="moviedate" align="left">October 31 - November 2</div>
    <div class="moviedescription" style="font-size:13px;" align="left">Rated R. Run Time: 96 Minutes</div>
    <br />
    <div class="moviedescription" style="font-size:13px;" align="left">Ray Eddy, an upstate New York trailer mom, is lured into the world of illegal immigrant smuggling when she meets a Mohawk girl who lives on a reservation that straddles the US-Canadian border. Broke after her husband takes off with the down payment for their new doublewide, Ray reluctantly teams up with Lila, a smuggler, and the two begin making runs across the frozen St. Lawrence River carrying illegal Chinese and Pakistani immigrants in the trunk of Ray's Dodge Spirit. More at <a href="http://www.imdb.com/title/tt0978759/">IMDb.com</a>
    </div>
    <hr />
    <h3>Want to see more documentaries, off-beat, international, short, and indy films? Join the <a href="filmclubposter.pdf">Island Movie Club.</a></h3>
    <hr />
    <br />
    <form name="emaillist" action="http://ui.constantcontact.com/d.jsp" target="_blank" method="post" style="margin-bottom:3; border:3px solid black; padding:15px;_padding:10px; ">
    <font style="font-weight:bold;font-family=:arial;font-size:18px;color:#000000;text-shadow:#ffffff;">Join Our Email List</font>
    <font style="font-weight:normail;font-family:arial;font-size:10px;color:#000000">Email:</font>
    <input type="text" name="ea" size="14" style="font-family:arial;font-size:10px;border:1px solid #999999">&nbsp;<input type="submit" name="go" value="join" class="submit" style="font-family:arial;font-size:11px; width:30px;">
    <input type="hidden" name="m" value="1100917616257">
    <input type="hidden" name="p" value="oi">
    </form>
    <br />
    <img src="images/bptgraphic.gif" alt="" width="180" height="91"></div>
    </div>
    <!--left ends here -->
    <div class="main">
    <div class="mainleft">
    <h2>Opera House Arts Receives Accolades and Matching Grant from MCF</h2>
    <p align="justify" style="font-size:14px">The Opera House is part of the Maine Community Foundation's celebration of its 25th anniversary!</p>
    <p align="justify" style="font-size:14px">OHA has been awarded a $25,000 challenge grant to create an endowment fund as part of a new program, the &quot;25/25 Endowment Challenge Program,&quot; initiated by the foundation as part of its anniversary celebration. Over the next 18 months, OHA must raise $25,000 in matching funds to receive this funding: when we do, we will have the beginnings of a much-needed endowment to ensure we can continue to meet our mission, keeping the Opera House and its creative economy programs alive on Stonington's Main Street for generations more to come. Endowment funding and planned giving, which are about future sustainability, are incredibly important to OHA's continued success at this critical moment in our nation's history.</p>
    <p align="justify" style="font-size:14px">In another 25th anniversary program, MCF also named OHA one of the six top &quot;community building&quot; organizations in Hancock County. Such recognition means a lot to us as strengthening our community is central to OHA's programs and mission. We are very pleased to share this recognition with our colleagues at Penobscot East Resource Center here in Stonington; Northeast Historic Film in Bucksport; Schoodic Arts for All in Winter Harbor; and two other Hancock County organizations.</p>
    </div>
    <div class="mainright">
    <img src="images\operahouseold.jpg" width="300" align="center">
    <h2>Help Opera House Arts Celebrate 10 Years </h2>
    <p align="justify" style="font-size:14px">In November we'll be holding a special meeting to discuss how best to celebrate OHA's 10th Anniversary in 2009: yes, we can! Email me your suggestions to <a href="mailto:lnelson@operahousearts.org">lnelson@operahousearts.org</a>.</p>
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    </div>
    <div class="mainbottom">
    <hr />
    <h2>Meet OHA's New Staff </h2>
    <p align="justify" style="font-size:14px">Jennifer Morrow is our new program manger, a new, full-time, year round position. Jennifer has been the business manager for Elliott Elliot Norelius Architecture in Blue Hill and is a past director of Seamark Community Arts. An active studio artist, Morrow has a BFA from Rhode Island School of Design and a MFA from the University of Kansas, Lawrences and exhibits and teaches workshops nationally. A year-round resident of Deer Isle for 17 Years, she lives in Sunset with her Daughter, Sarah Wilson, a student of Deer Isle/Stonington Elementary School.</p>
    <p align="justify" style="font-size:14px; padding-bottom:20px;">Emma Miran is our new Island Institute Fellow, and will serve as a planning and development coordinator for the Town of Stonington and OHA. Emma comes from Waverly, NY. She received her B.S. in Applied Economics and Management in 2007 from Cornell University. Some of her goals include creating and sustaining a supportive and positive climate for year-round businesses; and researching and coordinating public funding opportunities.</p>
    </div>
    </div>
    </div>
    <div class="headerfooter">
    <hr />
    <div class="incite"><img src="images/incite.png" alt="" width="175" height="45" /> </div>
    <div class="footertxt" align="center">
    Copyright &#169 1999-2008 Opera House Arts at the Stonington Opera House. All rights reserved.
    <br />
    Webdesign done by <a href="mailto:jaymichaud@hotmail.com">Jay Michaud</a>
    </div>
    </div>
    </div>
    </td>
    </table>

  4. #4
    Join Date
    Oct 2008
    Location
    kolkata, india
    Posts
    75
    Thanks
    2
    Thanked 10 Times in 10 Posts

    Default

    plz use this img as body bg

  5. #5
    Join Date
    Jan 2006
    Location
    Ft. Smith, AR
    Posts
    795
    Thanks
    57
    Thanked 130 Times in 117 Posts

    Default

    By wrapping the code in [CODE] tags, it makes it much easier to decipher what's code and what's not.

    Thanks.
    --------------------------------------------------
    Reviews, Interviews, Tutorials, and STUFF
    --------------------------------------------------
    Home of the SexyBookmarks WordPress plugin

  6. #6
    Join Date
    Oct 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks monicasaha for the quick response. I will try the suggestions you gave. What would you like in a zip, the index and CSS files? Please let me know. I will keep you posted if this works.

    Thanks again

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •