Scrolling odd with FORM in div...

[Bigjohn]

I've got a form that, when it's in an HTML page by itself it scrolls just fine. When I put it into a DIV in a page, either with overflow:auto or :scroll, I get very odd behavior. Tabbing through it will not cause it to scroll up, but rather will move a SELECT field upward!

HERE (http://mcdonoughfineart.com/buyform.php?item=110005&class=ornith&desc=audubon%20number%204&price=625.00) is a URL you can look at.

Is this an IE6 quirk?

[Webfreak]

Is this link correct ?? When I try to access it I come on Microsoft page ?? :confused:

[Bigjohn]

Typo - sorry. I had HTTP// in there twice... arrgh

[Webfreak]

I have try to correct some of mistakes!! There are still some :(

I don't konw what kind of program you use but the best code is made with wordpad or something like that. The CSS you should written a little bit different. :D

here are the files -> but you will have lot of work with them if you will want that they will validate ;)

the mistakes are on this parts:

body {
margin: 20px;
background: #9A823A;
color: #4C401C;
text-align: center;
padding: 0;
font-family: Georgia, Times, serif;
color:#000;
letter-spacing:1.2px;
}

#outer {
text-align:left;
border:1px solid #000000;
width:740px;
height:445px;
overflow:hidden;
margin:auto;
}

#hdr {
height: 80px;
background: #4C401C; background-image: url('../images/joelogo1.jpg'); background-repeat:no-repeat; background-attach:scroll;
}

#bar {
height: 10px;
background: #4c401c;
color: #F5F5DC;
border: solid #000000;
border-width: 1px 0 1px 0;
padding: 5px;
font-size: 11px;
color: #FFFFFF;
}

This is CSS

and here:

<div id="bar">site under construction come back soon</div>

<div id="ftr">Copyright &copy; 2003-2004 McDonough Fine Art</div>

Probably I have made some mistakes but I am a little bit new in the CSS :D

I hope that I have helped at least a little :confused:

[Bigjohn]

im using nested DIVS for the layout. Are you saying I'm missing a </div> somewhere?

I built the site using PHPedit. It does syntax highlighting.

John

AHH - I see the real problems... I ran the link through the HTML validator - and there are some problems with the table tags!

Let me fix those....

Stay tuned.

[Webfreak]

Ups my mistake :( I hope that you will solve the oproblem ;)

[Bigjohn]

Thanks all - I got it.

I had two </tr> where they should NOT have been, and I also had a span within a DIV that was probably unnecessary.

After fixing that stuff, everything worked just great!

Thanks again!

John