Page is a not externally linkable
- Code, Content, and Presentation
-- CSS
---- center div contents?


rocknbil - 4:43 pm on Sep 8, 2011 (gmt 0)


I think I see it. You have 0 auto on #contact-form, which is your container div, (confusing name though :-) ) but it is set to position:absolute without coordinates, which defaults to 0 0 (top left.) Then you have this:

form {
margin: 0;
position: absolute;
top: 373px;
right: 52px;
width: 451px;
height: 192px;
}

Absolute positioning takes the element out of the normal flow of the document **unless** the parent element has a positioning selector. So even if you remove position:absolute from #contact-form, it may still pop out of the container. Try adding

position: relative

to the selector for #contact-form. This should contain form inside #contact-form:

#contact-form {
width: 800px;
margin: 0 auto;
min-height: 600px;
padding:20px;
margin: 50px auto;
border: 6px none #3194ce;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
/*position:absolute; <-- no */
position: relative;

background-image: url(img/bg.jpg);
background-repeat: no-repeat;
background-position: center center;

}


Thread source:: http://www.webmasterworld.com/css/4359518.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com