Question

For some reason my submit button isn’t centered.
http://prime.programming-designs.com/test_forum/viewboard.php?board=0

#submitbutton{
margin: auto;
border: 1px solid #DBFEF8; 
background-color: #DBFEF8; 
color: #000000; 
margin-top: 5px; 
width: 100px; 
height: 20px;
}

here’s the html.

<form method=post action=add_thread.php?board=<?php echo''.$board.''; ?>>
            <div id="formdiv">
                <div class="fieldtext1">Name</div>
                <div class="fieldtext1">Trip</div> 
                <input type="text" name=name size=25 /> 
                <input type="text" name=trip size=25 />
                <div class="fieldtext2">Comment</div>
                <textarea name=post rows="4" cols="70"></textarea>
                <div class="fieldtext2">Fortune</div>
                <input type="checkbox" name="fortune" value="fortune" />
            </div>
            <input type=submit value="Submit" id="submitbutton">
        </form>

Answer 1

Move the Margin:auto and width:50% to the form css, instead on in the #formdiv.

So the CSS will be something like this:

FORM {
   margin: 0px auto;
   width: 50%;
}

#formdiv {
  background-color:#F9F9F9;
  border:1px solid #DBFEF8;
}