1[abs] + 1 = 2sloupce: IE rozhodí vzhled

1[abs] + 1 = 2sloupce: IE rozhodí vzhled

Věrný člen

15. 6. 2007 #1

SLOUPCOVÝ DVOJBLOK (pokud výška pravého obsahu nepřesáhne levý, tak i dole zarovnaný)
Po odladění /IE,FF =vše OK/ jsem v IE7 zkusil lupu: (Kromě 100%) jsou sloupce rozhozené, při 20% si sloupce vyměnily pořadí
Co s tím?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="cs">

<head>

<style>

 * { margin: 0; padding: 0 }



body { position: relative;

       height: 100%;

       width: 350px;

       border: 4px solid white;

       padding-right:350px;

       margin: 1em auto;

}

#levy, #pravy { width: 328px; padding: 0 10px; line-height: 2 }



#pravy { position: absolute;

         right: 1px;

         top: 0px;

         min-height: 100%;

         width:  328px;

}

        /* BARVY */

html {  background: #ddd }

body {  background: #fff;

      border-color: #fff }

#levy { background: #000; color: #ddd; font-size: 234% }  /* Změnou výšky písma testuj     */

#pravy{ background: #999; color: #000; font-size: 123% }  /* různé kombinace výšek sloupců */

</style>

</head>

<body>

   <div id="levy">

     11111111111 <br> 22222222222 <br>

     33333333333 <br> 44444444444 <br>

     55555555555 <br> 66666666666 <br>

     77777777777 <br> 88888888888 <br>

     99999999999 <br> 00000000000 <br>

   </div>

   <div id="pravy">

     11111111111 <br> 22222222222 <br>

     33333333333 <br> 44444444444 <br>

     55555555555 <br> 66666666666 <br>

     77777777777 <br> 88888888888 <br>

   </div>

</body>

</html>