Loading...
 
Skip to main content

Features / Usability


Horizontal scrolling

I have a draft site at http://jonathanscommunity.com/Question , which scrolles under IE and Firefox at 1024x768. The page has text and nothing else (i.e. no big images). What may be related to the problem was that an item which contains three columns has been set to have a colspan of 3 instead of 0.

<tr><td id="tiki-columns" colspan="0" width="100%">

was changed to

<tr><td id="tiki-columns" colspan="3" width="100%">


because the center column was squashed to the right so that it looked like a second right column (under IE).

What can I do to prevent horizontal scrolling while not recreating the earlier problem? I tried deleting the colspan attribute, but that didn't help.

P.S. Deleting the width element (as below) made half the right-hand column visible under IE, but did not fix it, and fixed it under Firefox:

<tr><td id="tiki-columns" colspan="3">

++ Jonathan Hayward, jo...@po...
    • To see an award-winning website with stories, essays, artwork,
    • games, and a four-dimensional maze, why not visit my home page?
    • All of this is waiting for you at http://JonathansCorner.comQuestion

Please reduce your advertising to a minimum

> <tr><td id="tiki-columns" colspan="3">


colspan="3" is certainly not a good idea as there is only one column in the middle table

You can check if your html is valid with tools like http://validator.w3.org/Question

I don't see anymore the problem. So I suppose you fixed it.

> Please reduce your advertising to a minimum
>
> > <tr><td id="tiki-columns" colspan="3">
>
>
> colspan="3" is certainly not a good idea as there is only one column in the middle table

From tiki.tpl:

Copy to clipboard
(table id="tiki-midtbl") (tr) (td id="tiki-columns" colspan="0" width="100%") column-flip links(/td) (/tr) (tr) (td id="leftcolumn")left-column modules(/td) (td id="centercolumn")center-column content(/td) (td id="rightcolumn")right-column modules(/td) (/tr) (/table)


Maybe I need another cup of coffee, but I was the one who advised him to change the colspan="0" to colspan="3". Looks to me like there are two table rows with one cell in the first and three in the second. I'd like to know what the explanation is for that colspan="0". If I do a simplified version of the page using that arrangement, I get exactly the problem he was having with td id="leftcolumn" spreading far to the right. If I change the 0 to 3 the problem is corrected.

-- chibaguy - zukakakina.comQuestion