IE6 problem

Discussion in 'CSS' started by rojojat, Jun 14, 2009.

  1. #1
    This script below looks good in firefox, but not IE6.I would like the text in the secondright <div> to be at the top the way its displayed in firefox. I tried every doc type too but that did not matter.
    thank You.

    Here is the script

    <html>
    <head><title>portfolio</title>
    <style>
    body {
    background:#fff;
    font-size:100%;
    font-family:verdana;
    }

    #topleft{float:left;margin-bottom:20px;padding-right:20px}
    #topright{font-family:arial;}
    #secondleft{clear:both;float:left;padding-right:20px}
    #secondright{font-family:verdana;margin-top:50px;}
    h1{text-align:center;
    margin-left:auto;
    margin-right:auto;}



    </style>
    </head>
    <body>

    <div>
    <hr>
    <h1>Portfolio</h1>
    <hr>
    </div>
    <div id="topleft">
    <a href="#"><img src="msg_cap.gif"width="200"height="157"border=0></a></div>
    <div id="topright"><a href="#">
    link</a>
    Located in ......... New York. Pub dining and tavern<br>
    spirits served in a rustic and relaxed atmosphere. Overstuffed sandwiches<br> and
    burgers.Steaks chops and seafood. Exquisite desserts.

    </div>


    <div id="secondleft">

    <a href="#"><img src="small_ginos.png"width="200"border=0></a></div>

    <div id="secondright">
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p><a href="#">link</a> text text text text texttext text text text text<br>
    text text text text texttext text text text text</div>

    </body></html>
     
    rojojat, Jun 14, 2009 IP