Databases
StackOverflow2013
Postsdbo
POUnderstanding the behavior of HTML / CSS
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POUnderstanding the behavior of HTML / CSS
    text
    copied!<p>I have a CSS with the following attribute to the body tag and header:</p> <pre><code>body { font-size: 0.87em; font-family: Calibri, Arial, Georgia, Verdana, Tahoma, Microsoft Sans Serif; margin: 0; padding: 0; } div#header { width:1024px; margin:5px auto; height:180px; background-color: rgb(91,25,79); } div.headerLeft { height:100%; width:850px; border-right:10px solid rgb(169, 171, 174); background-color: rgb(124,71,111); } div#footer { margin-top:10px; text-align:center; position:relative; font-size: 1.27em; } div#content { margin:auto 40px; width:200; overflow: auto; } </code></pre> <p>In my HTML I have the following structure for the body:</p> <pre><code>&lt;body&gt; &lt;div id="header"&gt; &lt;div class="headerLeft" /&gt; &lt;/div&gt; &lt;div id="waycontact"&gt; &lt;div class="contactPaula"&gt; &lt;p&gt;paulaMACHADO&lt;/p&gt; &lt;p&gt;crea 97877/D-MG&lt;/p&gt; &lt;p&gt;(31) 8725 5393&lt;/p&gt; &lt;/div&gt; &lt;div class="contactBeatriz"&gt; &lt;p&gt;beatrizDAMAS&lt;/p&gt; &lt;p&gt;crea 94660/D-MG&lt;/p&gt; &lt;p&gt;(31) 9216 6968&lt;/p&gt; &lt;/div&gt; &lt;div class="address"&gt; &lt;p&gt;av. álvares cabral, 381, sl. 604, centro - belo horizonte - mg&lt;/p&gt; &lt;p&gt;cep: 30170-000 - telefax: (31) 3222 0345&lt;/p&gt; &lt;p&gt;&lt;a class="remove-linkcss" href="mailto:amsd_arq@yahoo.com.br"&gt;amsd_arq@yahoo.com.br&lt;/a&gt;&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="content"&gt; &lt;img class="left space" alt="Arquitetura" src="http://cdn.archdaily.net/wp-content/uploads/2009/05/1265154380_107-silos-090511-west-view-a4-allard-architecture-528x304.jpg" /&gt; &lt;h2&gt;Sobre a empresa&lt;/h2&gt; &lt;p&gt;A AMSD é focada em qualidade..&lt;/p&gt; &lt;/div&gt; &lt;div id="footer"&gt; &lt;a class="current" href="#"&gt;home&lt;/a&gt; &lt;span class="space"&gt;|&lt;/span&gt; &lt;a href="#"&gt;quem somos&lt;/a&gt; &lt;span class="space"&gt;|&lt;/span&gt; &lt;a href="#"&gt;blog&lt;/a&gt; &lt;span class="space"&gt;|&lt;/span&gt; &lt;a href="#"&gt;na mídia&lt;/a&gt; &lt;span class="space"&gt;|&lt;/span&gt; &lt;a href="#"&gt;contato&lt;/a&gt; &lt;/div&gt; &lt;/body&gt; </code></pre> <p><a href="http://jsfiddle.net/Ridermansb/PQyZY/" rel="nofollow">Here</a> you can see the complete code of the page.</p> <p>In CSS you can completely see it has a class called ".redborder" her March the HTML element with a red border. Note that the body marked with red. But the end result I noticed that the body is contemplating only the header. why he will not until the end?</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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