Note that there are some explanatory texts on larger screens.

plurals
  1. POpage floating left in ie
    primarykey
    data
    text
    <p>I have this code,I don't know why in ff it's looks ok and the page is in the middle,but in ie the page is floating left. I guess it's got something to do with the #wrapper,but I can't figure it out. I tried to put after each "article" div,but that didn't help also. thanks for helping.</p> <pre><code>&lt;html lang="en"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;link rel="stylesheet" type="text/css" href="design.css" /&gt; &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"&gt;&lt;/script&gt; &lt;!-- refresh the page with jquery !--&gt; &lt;script type="text/javascript"&gt; $(document).ready(function() { $('#Button_refresh').click(function() { location.reload();}); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="wrapper" id="wrapper"&gt; &lt;button type="Button" id="Button"&gt;Home&lt;/button&gt; &lt;h1&gt;My Special Big Header&lt;/h1&gt; &lt;button type="Button" id="Button_refresh"&gt;refresh&lt;/button&gt; &lt;div class="article1" id="article1"&gt; &lt;?php require_once('connection.php'); while($nt=mysql_fetch_array($result)){'&lt;div class="article1" id="article1"&gt;';echo '&lt;h1&gt;'.$nt['name'].'&lt;/h1&gt;&lt;br /&gt;'.$nt['article_text'].'&lt;/div&gt;';} ?&gt; &lt;div class="article2" id="article2"&gt; &lt;?php while($nt=mysql_fetch_array($result2)){'&lt;div class="article2" id="article2"&gt;';echo '&lt;h1&gt;'.$nt['name'].'&lt;/h1&gt;&lt;br /&gt;'.$nt['article_text'].'&lt;/div&gt;';} ?&gt; &lt;div class="article3" id="article3"&gt; &lt;?php while($nt=mysql_fetch_array($result3)){'&lt;div class="article2" id="article3"&gt;';echo '&lt;h1&gt;'.$nt['name'].'&lt;/h1&gt;&lt;br /&gt;'.$nt['article_text'].'&lt;/div&gt;';} ?&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>and this is my css:</p> <pre><code> body { font-family:Arial; font-size:11px; margin:0; padding:0; width:100%; /* backcolor fade with css3 */ background: #FEFBE6; background: -moz-linear-gradient(#FEFBE6, #F2DD45); background: -webkit-linear-gradient(#FEFBE6, #F2DD45); background: -o-linear-gradient(#FEFBE6, #F2DD45); background: -ms-linear-gradient(#FEFBE6, #F2DD45); background: linear-gradient(#FEFBE6, #F2DD45); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FEFBE6', endColorstr='#F2DD45'); } #wrapper { width:960px; height:700px; margin:0 auto; background:#4D0000; } #article1,#article2,#article3 { width:920px; height:150px; margin:0 auto; background:#87CEEB; margin-bottom:20px; } #Button_refresh{ float: right; } #article1 { margin-top:45px; } </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload