Table breaking out of div

[Bruno]

Hi,

I have a table inside a div elememt which breaks out of the space which the
element uses. The paragraph of text stays within the boudaries specified but
not the table. For some reason the table starts at the right place on the
left but then extends well beyond the viewport on the right. Here is the
code

<style type="text/css">
..main {padding: 10px;
border: 0px;
background:#FFFFCC;
margin: 0px 190px 0px 190px;}
</style>

<div id="main">
<p>Lots of text which wraps fine</p>
<table style="width: 100%"><tr><td></td><tr></table>
</div>

Any ideas?

 

[brucie]

The paragraph of text stays within the boudaries specified but
not the table.

<style type="text/css">
.main {padding: 10px;

^^^ class

<div id="main">

^^^ ID

 

[rf]

^^^ class

^^^ ID

Or more generically <shout>TURN ON BORDERS FOR EVERYTHING</shout>. That way
you know where all your elements are, what shape they are and which othere
elements the live in them and which style rules affect each 'selected'
element. If still in doubt change the border colour for certain elements so
you can see them individually.

Cheers
Richard.

 

[brucie]

Or more generically <shout>TURN ON BORDERS FOR EVERYTHING</shout>.

it turns me on when you get strong and forceful.

 

[Woolly Mittens]

it turns me on when you get strong and forceful.

Flog me

 

[Bruno]

This was just a typo when copying over the markup it does say #main on the
page.

Or more generically <shout>TURN ON BORDERS FOR EVERYTHING</shout>. That way
you know where all your elements are, what shape they are and which othere
elements the live in them and which style rules affect each 'selected'
element. If still in doubt change the border colour for certain elements so
you can see them individually.

I've turned on all the borders on and put the site live so you can see it at
www.midlands-directory.co.uk/registration.php

Any ideas?

 

[brucie]

I've turned on all the borders on and put the site live so you can see it at
http://www.midlands-directory.co.uk/registration.php
Any ideas?

fix your errors and see what happens:
http://validator.w3.org/check?uri=http://www.midlands-directory.co.uk/registration.php
http://jigsaw.w3.org/css-validator/...irectory.co.uk/fpp.css&warning=1&profile=css2

 

[Bruno]

fix your errors and see what happens:
http://validator.w3.org/check?uri=http://www.midlands-directory.co.uk/registration.php
http://jigsaw.w3.org/css-validator/...irectory.co.uk/fpp.css&warning=1&profile=css2

Aha that now works. The issue is with those blasted adverts. Their markup is
riddled with rubbish. As soon as I removed all the adverts it works fine.
That is a royal pain because the client is going to be adding and removing
those things all the time.

See http://www.midlands-directory.co.uk/registration_test.php