Forum Moderators: open
I'm making a contact form.
But when I place my (working) form inside my text div it shows up under the div.
The text div is place in a content div. And under the content div is the footer div.
When I ad my form to the text div (inside the content div), the form shows up between the content and the footer div...
Does somebody knows what could be the problem?
Greetz
#body{
position:relative;
margin-left:auto;
margin-right:auto;
top:15px;
width:930px;
border:0px solid black;
}
#header{
width:930px;
height:98px;
background-color:#FFFFFF;
}
#logo{
top:0px;
left:0px;
background-image:url(../images/logo.jpg);
height:98px;
width:188px;
}
#content{
display:block;
top:98px;
width:909px;
min-height:450px;
padding:10px;
border:1px solid #981b1e;
overflow:hidden;
}
#titel2{
position:relative;
top:0px;
float:right;
height:35px;
width:356px;
background-color:#c1272d;
color:#FFFFFF;
font-size:18px;
padding-left:10px;
padding-top:10px;
}
#text2 {
clear:both;
float:right;
width:346px;
color:#FFFFFF;
background-color:#981b1e;
padding:10px;
}
#particulier-back{
position:absolute;
top:109px;
left:10px;
height:378px;
width:540px;
border-bottom:5px solid #FFFFFF;
}
#balk2{
display:block;
position:absolute;
top:110px;
left:10px;
width:540px;
height:80%;
overflow:hidden;
background-color:#c1272d;
}
#footer{
top:5px;
width:930px;
color:#c1272d;
}
HTML:
<div id="titel2">
<?php
echo "$page_titel";
?>
</div>
<div id="text2">
<form name="form1" method="post" action="" style="margin:0px; padding:0; width:346px; color:#FFFFFF;">
<?php echo $page_content1 ?><br style="clear:left;" /><br />
<?=$lerror;?>
<table border="0" cellpadding="0" cellspacing="0" >
<tr>
<td width="105" align="left">Bedrijfsnaam:</td>
<td width="165" align="left"><input class="input" name="bedrijfsnaam" type="text" id="voornaam" style="border:solid 1px #b1b1b1; background-color:#f4f4f4;" /></td>
</tr></table> </form><br style="clear:left" /> <? }?>
</div>
Commented out some CCS that had no HTML connected with it, and commented out sections of the body that did not seem relevant to rendering. No change, but none expected.
Added DOCTYPE and POOF. Identical rendering in all three browsers, so this is certainly at least part of the problem.
You reference the form showing up "between the content and the footer div..." - but there is no HTML provided for that footer to replicate an issue so hard to guess specifics.
You also reference the content div as part of the issue, but it is not included in the HTML replicating the issue.?
Probably more concise information is needed to understand and fix the problem(s).
<edit> Limit to how much work I will do to simply recreate the problem, much less fix it as well:)) </edit>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<style>
#body{
position:relative;
margin-left:auto;
margin-right:auto;
top:15px;
width:930px;
border:0px solid black;
}
/**********
#header{
width:930px;
height:98px;
background-color:#FFFFFF;
}#logo{
top:0px;
left:0px;
background-image:url(../images/logo.jpg);
height:98px;
width:188px;
}#content{
display:block;
top:98px;
width:909px;
min-height:450px;
padding:10px;
border:1px solid #981b1e;
overflow:hidden;
}
*/#titel2{
position:relative;
top:0px;
float:right;
height:35px;
width:356px;
background-color:#c1272d;
color:#FFFFFF;
font-size:18px;
padding-left:10px;
padding-top:10px;
}#text2 {
clear:both;
float:right;
width:346px;
color:#FFFFFF;
background-color:#981b1e;
padding:10px;
}/**********
#particulier-back{
position:absolute;
top:109px;
left:10px;
height:378px;
width:540px;
border-bottom:5px solid #FFFFFF;
}#balk2{
display:block;
position:absolute;
top:110px;
left:10px;
width:540px;
height:80%;
overflow:hidden;
background-color:#c1272d;
}#footer{
top:5px;
width:930px;
color:#c1272d;
}
*/
</style>
</head>
<body><div id="titel2">
<?php
echo "$page_titel";
?>
</div><div id="text2">
<form name="form1" method="post" action="" style="margin: 0; padding: 0; width: 346px; color: #fff;">
<!--#####<?php echo $page_content1 ?>-->
<br style="clear:left;" />
<br />
<!--#####<?=$lerror;?>-->
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="105" align="left">Bedrijfsnaam:</td>
<td width="165" align="left"><input class="input" name="bedrijfsnaam" type="text" id="voornaam" style="border: solid1px #b1b1b1; background-color:#f4f4f4;" />
</td>
</tr>
</table>
</form>
<br style="clear:left" />
<!--#####<? }?>-->
</div><!--###########
I'm making a contact form.
But when I place my (working) form inside my text div it shows up under the div.The text div is place in a content div. And under the content div is the footer div.
When I ad my form to the text div (inside the content div), the form shows up between the content and the footer div...
-->
</body>
</html>
(Some may not care for the use of the XHTML DOCTYPE in the example, but that is part of the issue. You'll need to select one and test it through.
[edited by: D_Blackwell at 5:46 pm (utc) on Sep. 3, 2008]
