IE8 layout problem

Discussion in 'CSS' started by picturit, Jun 17, 2009.

  1. #1
    on a client's web site, I have made a max. 4 item grid for news items.

    the HTML code looks like this at the moment:

    <div id="newsholder">
    <h2>News</h2>
    <div class="news1">
    <p><strong>Boekel De Nerée advised TAXI</strong></p><p>Boekel De Nerée advised Canadian advertising agency TAXI in the acquisition of the 51% of Dutch advertising agency Ottonico B.V. They will operate under the name TAXI Europe.
    The acquisition represents a crucial step in TAXIÂ’s growth by establishing a presence in Europe...</p><p><a href="nn/pub_detail_uk.asp?loc=nws&ID=855">read more</a></p>
    </div>
    <div class="news2">
    <p><strong>Boekel De Nerée advises on agreement for a safer and more efficient payments market </strong></p><p>On 27 May 2009, following lengthy and difficult negotiations overseen by De Nederlandsche Bank, an important agreement was reached between the Dutch banks, the Netherlands Bankers’ Association and the representatives of all so-called over-the-counter institutions (retail and wholesale trade,..</p><p><a href="nn/pub_detail_uk.asp?loc=nws&ID=844">read more</a></p>
    </div>
    <div class="news1">
    <p><strong>Short selling prohibition repealed; notification regulations adjusted</strong></p><p>The short selling prohibition has been repealed, effective from 1 June 2009. The AFM has informed market parties on 27 May 2009 that it has implemented a new, temporary measure. Under this new measure,..</p><p><a href="nn/pub_detail_uk.asp?loc=nws&ID=835">read more</a></p>
    </div>
    <div class="news2">
    <p><strong>Amendment to the Corporate Governance Decree</strong></p><p>On 1 April 2009, the decree of 20 March 2009 to amend the Decree of 23 December 2004 (the Corporate Governance Decree) regarding further provisions on the substance of annual reports came into force. 1 &nbsp;..</p><p><a href="nn/pub_detail_uk.asp?loc=nws&ID=832">read more</a></p>
    </div>
    </div>

    the corresponding css looks like this:
    div.news1 { width:48%; float:left; height:130px; overflow:auto; }
    div.news2 { width:48%; float:right; height:130px; overflow:auto; }
    div.news1 p, div.news2 p { margin:0px; }

    in all browsers except IE8, the layout looks fine, and IE8 in compatibility mode also conforms. but IE8 in standard mode shows a disturbed layout, right column moves down.

    see pics:
    [​IMG]
    no compatibility mode
    [​IMG]
    compatibility mode

    maybe I'm missing something, but does anyone know what causes this, and does anyone have a workaround?
     
    picturit, Jun 17, 2009 IP
  2. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #2
    Quick note: IE8 standard mode does not act like IE7 compatibility mode which does not act like IE7 which does not act like IE6.
     
    drhowarddrfine, Jun 17, 2009 IP
  3. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #3
    Can't tell enough from the markup you give. Need a link or the complete generated markup.
     
    drhowarddrfine, Jun 17, 2009 IP
  4. picturit

    picturit Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    the URL is: http://www.bdn.nl/default_uk.asp

    as the client is using a CMS I built for them, it is possible that their next news-update solves the problem (temporarily), as this problem only occurs with some items, not with all...

    therefore the complete markup below:


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Boekel De Nerée :: Home</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta name="description" content="Boekel De Nerée is a full service business law firm in the Netherlands covering all areas of the law">
    <meta name="keywords" content="Law, Lawyers, Sollicitors, Notary, Notaries, Real Estate, corporate law, insurance, Transport, mergers, takeovers, Solicitor, Rechtsanwältin, Project development, Anglo-American Advisory Group, Deutsche Abteilung">
    <meta name="Revisit-After" content="14 Days">
    <meta name="robots" content="index,follow">
    <link href="style/bdn2007.css" rel="stylesheet" type="text/css" />
    <link href="style/bdn2007.css" rel="stylesheet" type="text/css" media="print" />

    <base href="http://www.bdn.nl/" />

    <script language="JavaScript" type="text/javascript" src="include/sdc_ext.js"></script>
    </head>
    <body>
    <div id="logo">
    <span id="nocss"><h1>Boekel De Ner&eacute;e</h1><p><a href="#nav">to the navigation</a><br /><a href="#cont">to the content</a></p></span>
    <img src="images/BDN_Logo.gif" alt="Boekel De Ner&eacute;e" width="191" height="33" id="logo" /><br />
    <!-- begin include navigatie -->
    <a id="nav" name="nav"></a>
    <ul id="navlist">
    <li class="lang1"><a href="default.asp">Nederlands</a></li>
    <li class="lang2"><a href="default_de.asp">Deutsch</a></li>
    </ul>
    <ul id="navlist">
    <li class="kk"><a href="default_uk.asp">Boekel De Ner&eacute;e</a></li>
    <li class="off"><a href="kk/kantoorprofiel_uk.asp?loc=kant">About Boekel De Nerée</a></li>
    <li class="off"><a href="kk/specialisaties_uk.asp?loc=spec">Practice areas</a></li>
    <li class="off"><a href="kk/sectorgroepen_uk.asp?loc=sect">Industry groups</a></li>
    <li class="off"><a href="kk/juristen_uk.asp?loc=jur">Lawyers</a></li>
    <li class="off"><a href="kk/transacties_uk.asp?loc=deal">Deals</a></li>
    <li class="off"><a href="kk/projecten_uk.asp?loc=pro">Projects</a></li>
    <li class="none"></li>
    <li class="pub">Publications</li>
    <li class="off"><a href="nn/publicaties_uk.asp?loc=pub">Publications</a></li>
    <li class="off"><a href="nn/nieuwsfeiten_uk.asp?loc=nws">News</a></li>
    <li class="off"><a href="nn/nieuwsbrieven_uk.asp?loc=nbr">Newsletters</a></li>
    <!--<li class="off"><a href="nn/brochures_uk.asp?loc=broc">Brochures</a></li>-->
    <li class="off"><a href="nn/archief_uk.asp?loc=arch">Archive</a></li>
    <li class="none"></li>
    <li class="info">Information</li>
    <li class="off"><a href="kk/av_uk.asp?loc=av">General Conditions</a></li>
    <li class="off"><a href="ii/adres_uk.asp?loc=adr">Address and Directions</a></li>
    </ul>

    <!-- einde include navigatie -->
    </div>
    <div id="content">
    <div id="topimage"><img src="images/foto/banner_gebouw2.jpg" alt="topbanner" class="imghome" /></div>
    <div id="bread"><a href="default_uk.asp">home</a></div>
    <a id="cont" name="cont" /><!--<h2>Home</h2>--><P><STRONG><FONT size=2></FONT></STRONG></P>
    <P align=left><STRONG><FONT size=2></FONT></STRONG></P>
    <P align=left><STRONG><FONT size=2><IMG alt="" hspace=0 src="http://www.bdn.nl/images/foto/yourlaw2.jpg" border=0></FONT></STRONG></P>
    <P align=left><STRONG><FONT size=2>A valuable partner</FONT></STRONG></P>
    <P><FONT size=2>Boekel De Nerée is a full service business law firm covering all areas of the law. The firm offers full bilingual, cross-cultural specialist services to clients from English- and German-speaking countries. <BR><BR>Our lawyers&nbsp;are specifically geared to serve the special needs of clients from English-speaking parts of the world (in particular the United Kingdom and North America) who are embarking on mergers, acquisitions and other corporate transactions in the Netherlands.</FONT></P>
    <P><FONT size=2>Boekel De Nerée is recommended by the 2009 edition of Legal 500 in no less than&nbsp;15 practice areas, including high rankings in areas such as&nbsp;real estate, private equity and corporate/M&amp;A. Many of our individuals also receive praise. This spread of recognition highlights our strength through the wide variety of areas where our clients require advice.</FONT></P>
    <p>

    <div id="newsholder">
    <h2>News</h2>

    <div class="news1">
    <p><strong>Boekel De Nerée advised TAXI</strong></p><p>Boekel De Nerée advised Canadian advertising agency TAXI in the acquisition of the 51% of Dutch advertising agency Ottonico B.V. They will operate under the name TAXI Europe.
    The acquisition represents a crucial step in TAXIÂ’s growth by establishing a presence in Europe...</p><p><a href="nn/pub_detail_uk.asp?loc=nws&ID=855">read more</a></p>
    </div>

    <div class="news2">
    <p><strong>Boekel De Nerée advises on agreement for a safer and more efficient payments market </strong></p><p>On 27 May 2009, following lengthy and difficult negotiations overseen by De Nederlandsche Bank, an important agreement was reached between the Dutch banks, the Netherlands Bankers’ Association and the representatives of all so-called over-the-counter institutions (retail and wholesale trade,..</p><p><a href="nn/pub_detail_uk.asp?loc=nws&ID=844">read more</a></p>
    </div>

    <div class="news1">
    <p><strong>Short selling prohibition repealed; notification regulations adjusted</strong></p><p>The short selling prohibition has been repealed, effective from 1 June 2009. The AFM has informed market parties on 27 May 2009 that it has implemented a new, temporary measure. Under this new measure,..</p><p><a href="nn/pub_detail_uk.asp?loc=nws&ID=835">read more</a></p>
    </div>

    <div class="news2">
    <p><strong>Amendment to the Corporate Governance Decree</strong></p><p>On 1 April 2009, the decree of 20 March 2009 to amend the Decree of 23 December 2004 (the Corporate Governance Decree) regarding further provisions on the substance of annual reports came into force. 1 &nbsp;..</p><p><a href="nn/pub_detail_uk.asp?loc=nws&ID=832">read more</a></p>
    </div>

    </div>

    </p>
    <p><div id="disclaimer"><p><div align="center"><a href="disclaimer_uk.asp">Disclaimer</a> | <a href="privacy_uk.asp">Privacy</a> | <a href="identity_uk.asp">Identification of clients </a></div>
    </p></div></p>
    </div>
    <div id="boxright">
    <div id="searchholder" class="searchbox"><br /><FORM METHOD="GET" ACTION="http://www.picosearch.com/cgi-bin/ts.pl"><INPUT TYPE="HIDDEN" NAME="index" VALUE="407777"><INPUT TYPE="HIDDEN" NAME="lang" VALUE="english"><input name="query" type="TEXT" class="searchfield">&nbsp;<input name="search" type="submit" class="searchbutton" value="search"></form>
    </div>
    <div id="rightcontent"><h2>News</h2>

    <p><strong>Boekel De Nerée, mergermarket and Deloitte publish Doing a deal - Netherlands</strong><br />
    Boekel De Nerée, mergermarket and Deloitte published Doing a deal – Netherlands, A guide to acquiring mid-market companies in The Netherlands ...&nbsp;<a HREF="nn/pub_detail_uk.asp?ID=834">read more</a></p>

    <p><strong>Legal 500 and Chambers Europe confirm Boekel De Nerée as a leading Dutch law firm</strong><br />
    Boekel De Nerée has, once again, been recognised for its strength across a wide range of areas in the latest European editions of Legal 500 and Chambers...&nbsp;<a HREF="nn/pub_detail_uk.asp?ID=825">read more</a></p>
    </div>
    </div>
    <div id="banners">
    <img src="images/banners/roeibond_uk_230x58.gif" width="230" height="58" alt="Boekel De Ner&eacute;e is official sponsor of the Royal Dutch Rowing Federation" border="0" />
    <!--<br />
    <br />
    <img src="images/banners/zandloper_230x58.gif" width="230" height="58" alt="winnaar Gouden Zandloper 2007">-->
    </div><SCRIPT LANGUAGE="Javascript">
    dcsMeta();
    dcsVar();
    dcsFunc("dcsAdv");
    dcsTag();
    </SCRIPT>

    <NOSCRIPT>
    <IMG ALT="" BORDER="0" NAME="DCSIMG" WIDTH="1" HEIGHT="1" SRC="http://www.datacollection.nl/dcs4j9s3mne7n8hzqym6zmji0_2y9b/njs.gif?dcsuri=/nojavascript&amp;WT.js=No">
    </NOSCRIPT>
    </body>
    </html>
     
    picturit, Jun 18, 2009 IP
  5. picturit

    picturit Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    anyone got a solution? please?
     
    picturit, Jun 20, 2009 IP