Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Incorrectley Nested DIV Positioning

Status
Not open for further replies.

Jimuniguy

Technical User
Mar 6, 2002
363
GB
Hi,

Ok, as you will see from the code below, there should be a small bit of text which comes after the form if the DIV tag was to follow the correct positioning rules.

For some reason it does not, can someone please correct it for me so it appears AFTER the form

Thank you and much appreciated

Code:
<html>
<head>
</head>
<body>
<DIV STYLE=&quot;position: absolute; top: 100;&quot;>
<DIV &quot;STYLE=&quot;position: relative; visibility: visible; left: 0px; top: 0px;&quot;>

<div style=&quot;font-family: Arial, Helvetica, sans-serif; font-size: 40px; font-weight: bold; color: #000000; position: relative; visibility: visible; left: 0px; top: 0px;&quot;> 
    &nbsp;&nbsp;&nbsp;This is my lovely Banner </div>
	
<div style=&quot;position: relative; top: 80px; left: 100px&quot;>

<FORM METHOD=GET>
    <fieldset>
    <legend>Altering the City</legend>
        The City Selection: 
        <select name=&quot;tFont&quot;>
      <option selected>Select Background</option>
      <option>SF</option>
      <option>LA</option>
      <option>NYC</option>
    </select>
    <br>
    The Pigeon Size: 
    <select name=&quot;tSize&quot;>
      <option selected>Select Pigeon Size</option>
      <option>10</option>
      <option>20</option>
      <option>30</option>
    </select>
    </fieldset>
    <BR>
    <fieldset>
    <legend>Altering the Duck Gallery</legend>
    Duck  Colour: 
    <select name=&quot;bBack&quot;>
      <option selected>Select Duck Colour</option>
      <option>Blue</option>
      <option>Red</option>
      <option>Green</option>
    </select>
    <br>
    Bear Colour: 
    <select name=&quot;bFont&quot;>
      <option selected>Select Color</option>
      <option>Blue</option>
      <option>Red</option>
      <option>Green</option>
    </select>
    <br>
    Tree Size: 
    <select name=&quot;bSize&quot;>
      <option selected>Select Tree Size</option>
      <option>10</option>
      <option>20</option>
      <option>30</option>
    </select>
    </fieldset>
    <BR>
    <fieldset>
    <legend>Merlin - The one and only</legend>
    Select to Use Merlin 
    <select name=&quot;agent&quot;>
      <option>On</option>
      <option>Off</option>
      <option selected>On or Off</option>
    </select>
    </fieldset>
    <input name=&quot;SUBMIT&quot; type=&quot;SUBMIT&quot; value=&quot;Change&quot;>
  </FORM>

<div style=&quot;position: relative; right: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; top: 120px; visibility: visible; left: 0px;&quot;> 
    For more information e-mail me@me.com<br>
Page maintained by <a href=&quot;mailto:me@me.com&quot;>Myself</a> 
<!-- #BeginDate format:En2 -->19-Jul-2002<!-- #EndDate -->
 </div></div></div> </div></div> </div>
</div> </div>
</body>
</html>[code]

James
 
Darn tabs were killing me.

<html>
<head>
</head>
<body>

<DIV STYLE=&quot;position: absolute; top: 100;&quot;>
<DIV STYLE=&quot;position: relative; visibility: visible; left: 0px; top: 0px;&quot;>
<div style=&quot;font-family: Arial, Helvetica, sans-serif; font-size: 40px; font-weight: bold; color: #000000; position: relative; visibility: visible; left: 0px; top: 0px;&quot;>
This is my lovely Banner
</div>
<div style=&quot;position: relative; top: 80px; left: 100px&quot;>
<FORM METHOD=GET>
<fieldset>
<legend>Altering the City</legend>
The City Selection:
<select name=&quot;tFont&quot;>
<option selected>Select Background</option>
<option>SF</option>
<option>LA</option>
<option>NYC</option>
</select>
<br>
The Pigeon Size:
<select name=&quot;tSize&quot;>
<option selected>Select Pigeon Size</option>
<option>10</option>
<option>20</option>
<option>30</option>
</select>
</fieldset>
<BR>
<fieldset>
<legend>Altering the Duck Gallery</legend>
Duck Colour:
<select name=&quot;bBack&quot;>
<option selected>Select Duck Colour</option>
<option>Blue</option>
<option>Red</option>
<option>Green</option>
</select>
<br>
Bear Colour:
<select name=&quot;bFont&quot;>
<option selected>Select Color</option>
<option>Blue</option>
<option>Red</option>
<option>Green</option>
</select>
<br>
Tree Size:
<select name=&quot;bSize&quot;>
<option selected>Select Tree Size</option>
<option>10</option>
<option>20</option>
<option>30</option>
</select>
</fieldset>
<BR>
<fieldset>
<legend>Merlin - The one and only</legend>
Select to Use Merlin
<select name=&quot;agent&quot;>
<option>On</option>
<option>Off</option>
<option selected>On or Off</option>
</select>
</fieldset>
<input name=&quot;SUBMIT&quot; type=&quot;SUBMIT&quot; value=&quot;Change&quot;>
</FORM>

<div style=&quot;position: relative; right: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; top: 120px; visibility: visible; left: 0px;&quot;>
For more information e-mail me@me.com<br>
Page maintained by <a href=&quot;mailto:me@me.com&quot;>Myself</a>
<!-- #BeginDate format:En2 -->19-Jul-2002<!-- #EndDate -->
</div>
</div>
</div>
</div>
</body>
</html>
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top