[pagey]

Hi there,

I've been producing an application with PHP, and have used CSS for the styling. I had a form, and to make it look a little better (aligned) I have used a table.

First of all, I hope this isn't a bad thing to do. I know tables should only be used for tabular data.

Also, since I've put the form into a table, and its jumped out of the div (see picture) that its supposed to be inside. No idea why as it was fine when it was just the form on its own.



Any ideas?

Thanks

[stealthcow]

<div style="clear:both"></div>

put that after the table

[pagey]

Top man!

Cheers

[stealthcow]

as you start working on more complex layouts you'll find the clear:both style quite useful. Best thing is to create a class called ".clearer" and just reuse as needed.

I find that in most sites I do I have to put a .clearer div at the bottom of the wrapper div in order to make the container stretch beyond the last element. I've never looked into the reason behind why it does it, as I just found it to work. I assume it's something to do with not defining a height for a div that has nested divs inside of it so it just assumes the height is the height of the content contained within that first div, so for example:

<div>
  I am some content and the height of my parent div will be the same height as me
  <div>I'm nested content and my height isnt taken into account</div>
  <div class="clearer"></div>
</div>

so you add the clearer div to force the first div to take into account the nested contents height... clear as mud

[stickmus]

Clearing a float container without source markup

[stealthcow]

well thats handy, cheers sticky

on a side note, why is that blokes head in a toilet

[stealthcow]

actually, just noticed for the first time that hes got a meat cleaver in his head and hes being served as dinner... for the past umpteen months ive glanced at that pic and seen it as a man with his head coming out of a toilet bowl.. dont ask!

[pagey]

Thanks for the words of advice. Its little pieces like this that can really make a difference.

God knows I'm finding it hard enough learning new things whilst trying to pass a University degree course, in which they like to teach at least 40% bollocks and nonsense.

[longisland6]

there is a very nice article on alistapart.com about styling forms with css. even though you've solved your problem it's nice to know it's there...just use their search form.

[LorEye]

just have to say... love the running dinosaur!

[stealthcow]

thats the main reason i left uni early, the lecturers didnt know squat