divs Magically Merging

randled

New Member
This problem is super strange to me. I've spent so many hours trying to figure out what is going on here. I've even made a duplicate page and stripped down the CSS. For the life of me, I can't figure it out.

The problem:

On my questionnaire page I will have a background, wrapper, header, div asking for course info to be selected, div asking for rating information and a footer. Originally I started by making a table for the rating info and a div for the course info. Last night (early early this morning) I messed something up. I didn't keep a copy of the decent version. I will never do that again.

So now, when I try to create the divs, the second one that I want to contain a table with the radio buttons is merging itself into the first div and losing all formatting. I even tried removing the table and it still merges the content.

Here is the original page with the table

Here is the new one with the merged test data

The HTML and CSS aren't hidden in any way. You can see them via source.

The project is due tomorrow, so any help you can provide, I will be, yet again, forever grateful.

Thanks,

Randy
 

randled

New Member
Sadly, I think I may have just solved my problem.

I'll update in just a moment to confirm.

I'm going to feel like a complete idiot if my assumption is correct.

:(
 

randled

New Member
Wow... just wow. I'm usually pretty good with paying attention to detail.

Can you see the problem?

Code:
<label>Instructor</label><select name="instructor"/>
                                            <option></option>
                                            <option>Bao</option>
                                            <option>Armitage</option>

It's a little thing that closes the select tag.... </select>

I accidentally deleted that. Once I added that back in, my issue was resolved.

Code:
<label>Instructor</label><select name="instructor"/>
                                            <option></option>
                                            <option>Bao</option>
                                            <option>Armitage</option>
                                         </select>

I hope this helps someone at some point.
 
Top