[css-d] Strange box problem

LPA Fri, 16 Oct 2009 08:07:53 -0700

Hello,

I have a strange problem. The code works on IE but fail in FF, Opera,...


I'd like to understand/resolve why #main_main (red border bloc) don't 
include the the other blocs.


Thanx for your help

Here is the code :

<!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"; lang="en-US">

    <head>
 <title>test</title>
 <style type="text/css" media="screen">
     body {
  margin: 0;
  padding: 0;
  background: #FFFFFF;
  color: #123456;
     }

     #main_wrapper {
  min-width:960px;
  width:100%;
  background-color: #FFFFFF;
  margin: 10px 0;
     }

     #main_main {
  margin: 0 auto;
  min-width: 960px;
  width: 960px;
  border: 1px solid red;
     }

     #main_main #infos_zone {
  width: 310px;
  float: right;
  border: 1px solid blue;
     }

     #main_main #content_zone {
  width: 400px;
  float: left;
  border: 1px solid yellow;
     }
 </style>
    </head>

    <body>


 <div id="main_wrapper">

     <div id="main_main">
  <div id="content_zone">
      <p>content zone</p>
      <p>content zone</p>
      <p>content zone</p>
      <p>content zone</p>
  </div>

  <div id="infos_zone">
      <!--Tabs for infos-->
      <p>Infos zone</p>
      <p>Infos zone</p>
      <p>Infos zone</p>
      <p>Infos zone</p>
      <p>Infos zone</p>
      <p>Infos zone</p>
      <p>Infos zone</p>
      <p>Infos zone</p>
      <p>Infos zone</p>
  </div>
     </div>
 </div>


    </body>
</html>

______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Strange box problem

Reply via email to