Well I have some more news.

I have a two column floated display.
The left column is used as a navigation bar

I originally had an issue of the main content column (right one) from
bleeding into the left one.
I swapped the Accordion out for UI tabs and noticed the same bleeding.
Turns out the cause of the bleeding is caused by bad mark-up.
All of my Tabs now seem to work correctly, thanks to correcting the
tables,
ensuring that the number of TD's match in all rows etc.
Also I changed the TABLE and TD widths into % based values instead of
fixed widths.

This allows the TABS to work correctly.

When I swap the same markup into the framework that uses the accordion
effect
SOME of the forms (there are about 30 in total) still have a bleed
into the left hand column, but they are definitely in the minority
now.

There is nothing note worthy of the ones that do bleed.
All forms now pass HTML and CSS validation.

I'm not completely convinced that there isn't still an issue with
accordion (perhaps even the UI - as a whole) CSS.
But I really do not have the CSS skillls to troubleshoot.


I still have an issue with the content of an accordion not displaying
after choosing any panel that is not the default upon page load.
I notice a strange effect whereby the content of the panel takes up
the full 100% width of the screen, despite the page's "normal" width.
When this occurs the content is approx 30% off the screen to the left.
(I.e. you can;t see the 1st 30% of the content in the accordion panel)
Also, when this occurs there is no scrollbar to reveal that 30%.

I'll keep looking / playing.... but since I have been working on this
issue for nearly three weeks now and sincerely don't have fabulous CSS
or JS skills - I am not too sure what else I'll manage to achieve.

Anyway - hopefully this might help those in the know. - please let me
know if I can provide anything further - perform any tests etc.

Gavin.

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to