Welcome to WebmasterWorld Guest from 54.196.233.239

Forum Moderators: incrediBILL

Message Too Old, No Replies

Form inside a div

     

Jeerke

10:37 am on Sep 3, 2008 (gmt 0)

5+ Year Member



Hello,

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

csuguy

11:33 am on Sep 3, 2008 (gmt 0)

5+ Year Member



html plz

Jeerke

12:03 pm on Sep 3, 2008 (gmt 0)

5+ Year Member



my CSS:

#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>

D_Blackwell

5:43 pm on Sep 3, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Took your sample and the page rendered differently in FF, Opera, and IE. Not one was the same. FF looked okay, but not sure if I fully understood and addressed your primary plaint.?

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: solid

1px #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]

contentmaster

8:20 am on Sep 4, 2008 (gmt 0)

10+ Year Member



Though the problem I am facing is a little different, I thought of seeking help here....I have selected the properties for my cgi file as 755. I am getting the following error message: ERROR 404 - PAGE NOT FOUND ...I can't seem to locate the problem with my form...
 

Featured Threads

Hot Threads This Week

Hot Threads This Month