homepage Welcome to WebmasterWorld Guest from 54.211.180.175
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
Form inside a div
Jeerke




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

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




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

html plz

Jeerke




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

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




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

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




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

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

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved