Note that there are some explanatory texts on larger screens.

plurals
  1. POhtml content outside of div appearing inside of div
    primarykey
    data
    text
    <p>I am having trouble with the action of my DIVS. Basically I have a div and outside of the div if I put some html text it still shows up inside the div. I am not sure what I am doing wrong. If someone could take a peek I would greatly appreciate it. Thanks in advance.</p> <p>html:</p> <pre><code>&lt;div id="content"&gt; &lt;p&gt; To submit &lt;?php echo $_SESSION['sight_type']?&gt; sightings, choose a location type.&lt;/p&gt; &lt;div id = "form_location_type" &gt;` &lt;form method="POST" action="location_type_input.php"&gt; &lt;table&gt; &lt;tr&gt; &lt;td&gt;&lt;input type="radio" name="location_type" value="new" /&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt; New location&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;input type="radio" name="location_type" value="saved" /&gt;&lt;/td&gt;&lt;td&gt;&lt;p&gt; Saved location&lt;/p&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="submit" value="Continue"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;table&gt; &lt;/form&gt; &lt;/div&gt; &lt;!-- End form_location_type div --&gt; THIS SHOULD BE OUTSIDE ABOVE DIV BUT IT PRINTS INSIDE &lt;/div&gt; &lt;!-- End content div --&gt; &lt;div id="footer"&gt; &lt;?php include 'footer.php'; ?&gt; &lt;/div&gt; &lt;!-- End footer div --&gt; </code></pre> <p>css (most relevant is the very last commented section)</p> <pre><code>html { height: 100%; } body, html { min-height: 100%; height: 100%;margin : 0; padding : 0; } /*html, body { height:auto height: 100%; }/* Required */ body { width:100%; line-height : 1.8em; color : #000000; background : #F5F5FF; } #container { position: relative; min-height: 100%; width : 800px; margin : 0 auto 0 auto; border-style: solid; border-width:1px; background : #FFFFCC; -moz-box-shadow: 10px 10px 5px #888888; /* shadow border */ box-shadow: 10px 10px 5px #888888; } #footer { clear:both; position:absolute; text-align: center; left:0; bottom: 0; width: 800px; background : #FFFFCC; font : 75% "Trebuchet MS", verdana, arial, tahoma, sans-serif; } /* form on form_location_type.php */ #form_location_type { margin: 0 auto; background:white; border:solid 1px; } </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