HTML: Table Issue

Oh man! Ad-blocking software has been detected! :'(

This website is run by the community, for the community... and it needs advertisements in order to keep running. Blocking our ads means your killing our stats!
Please disable your ad-block, or become a premium member to hide all advertisements and this notice.

I have two tables on one of my pages. In the code they appear underneath each other, and both appear to be properly terminated.

However, unless I put in a heap of <p>&nbsp;</p> (27 to be precise), the second table appears to the right of the first. Varying the number changes the position of the table on the page, but it takes the full 27 to get the second table far enough down the page that its past the first, and comes over to the left hand side.

Does anyone have any idea how to resolve this? I've never even seen this before.

 

Oh man! Ad-blocking software has been detected! :'(

This website is run by the community, for the community... and it needs advertisements in order to keep running. Blocking our ads means your killing our stats!
Please disable your ad-block, or become a premium member to hide all advertisements and this notice.

HTML is generally based on flow based layout of block level elements.

I'd insert a line break tag <br/> after the first table, alternatively design your page as a fixed size page and put appropriate sizes on the top level elements and percentage sizes on the lower level elements.

 

an alternative is to create a DIV with a set size then float the 2 tables with a clear:both in the middle but like dmarsh said a <br /> or <br> should suffice, can you post some of your code

 

Its auto-generated code by a program called CodeCharge. The program itself can do some quite powerful stuff quite easily, and it auto-generates a shedload of code for you, but its a nightmare sometimes.

I tried using <br />'s instead of the <p>'s before, but they encountered the same issues.

 

heres an example of the floating i was talking about, not sure how to do it in your program as i only use text editors these days

 

WYSIWYGs are notorious for adding krap that you don't want to your html. I agree with ThomasMc's solution in this case.

 

Fully agree, unfortunately it was coded in this before I started. Cant really start it all again, so have to go with the status quo (for now).

I'll take a look at Thomas' solution, see how it goes (I can get to the HTML code and edit it, so thats not a problem)

 

Gods! That actually made it worse!

Stuck the div's in, and most of the bottom table vanished. Although the bit that did appear appeared where intended.

 

sound a bit like an unclosed tag

 

Hi Fergal,

Without seeing the code itself, we can only guess. Recheck all of your closing tags. You may have a missing </tr> close tag. If you can get to the html source, try to copy the affected part and post it here. It may help.

Good Luck,
Bill

 

FFS, you know what it was? There is commented code on the page thats auto-generated by CC marking the beginning and the end of the grid html code. I'd placed them inside these comments. Turns out that CC seems to be doing something with those comments. placing the tags on the other side seems to have resolved the problem.

Cheers

 

I find this :-

https://addons.mozilla.org/en-US/firefox/addon/60

theres a similar one for IE :-

http://www.mattkruse.com/contextmenu/

and these (HTTP Debug Proxies) :-

http://www.fiddlertool.com/
http://www.iewatch.com/

can be useful sometimes.

Loads similar stuff about for firefox, IE and theres various HTTP proxies.

http://www.teknobites.com/2007/10/03/debugbar-ie-plug-in-for-web-developers/

 

Its common for round trip code generation tools to use these practicies, they use comments of various forms to denote parts of the file that can be automatically replaced when the code is regenerated, you have to be careful where and what you edit, otherwise you will simply lose the changes the next time the tool is run.

 

Nice catch Dmarsh.

I also found This from MS. Looks ok.

 

I also find LiveHeaders and Firebug extremely good.