• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Jeanne Boyarsky
  • Ron McLeod
  • Paul Clapham
  • Liutauras Vilda
Sheriffs:
  • paul wheaton
  • Rob Spoor
  • Devaka Cooray
Saloon Keepers:
  • Stephan van Hulst
  • Tim Holloway
  • Carey Brown
  • Frits Walraven
  • Tim Moores
Bartenders:
  • Mikalai Zaikin

layout and multibrowser hell

 
Ranch Hand
Posts: 84
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Hello all,

i seem to have a "big problem" / challenge. I coded a struts application without declaring a HTML doctype. I continuously checked the page in Internet explorer. Now i checked to see if it all looked ok... Well you guessed right it doesn't look ok at all. If i declare to use the <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> it doesn't look to swell in internet explorer anymore.

So here's the source code :


I use the following javascript :

This js is executed onLoad but ihad to remove it because of the restrictions.



If you remove the html doctype declaration it all look better in ie. In firefox it all looks crap.

Can anybody help me out??
[ March 08, 2005: Message edited by: Ricardo Estafan ]
 
author
Posts: 15385
6
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
CSS? can not fix the css if I can not see the external file...
 
Ricardo Estafan
Ranch Hand
Posts: 84
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Ok sorry about that here's the css :



Thanks a lot for your help!!
 
Ranch Hand
Posts: 74
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Get IE to work in the "quirk mode"

Add a comment in the top of your page.. (It shud be the first line)

something like
<!-- my page -->
then continue with the rest of your JSP
<doctype .. You can make this strict

hth :roll:
 
Ricardo Estafan
Ranch Hand
Posts: 84
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
what do you mean by hth?
 
Eric Pascarello
author
Posts: 15385
6
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
hth - hope that helps

I have been busy, will try to look at it this morning.
Eric
 
Eric Pascarello
author
Posts: 15385
6
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Here are problems...








There are still other problems with the layout position vertically in the cell.

This is what you need to do in the future. Add one style sheet rule code at at time and seem if it does the same thing in each browser. If not comment out the lines in that section and see what causes it. Example would be just do the body, then do the next section, until you get to the end.

Eric
 
Eric Pascarello
author
Posts: 15385
6
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
I personally say just the table layout and do it all with css. You should only use a table for the "Type Artist Title Label Euro " section. And divs/spans for the rest, but that is tons of work which I doubt you would want to do at this time.

Eric
 
Ricardo Estafan
Ranch Hand
Posts: 84
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Ok Eric thanks a lot. I guess this means a total redesign...

Could you give me a simple headstart which i can work on?

can i keep using the javascript in order to make only the right side scrollable if it contains more than the window can display?

Thanks for your help!!!

Does your book also contain javascript examples like i plucked somewhere from the web for the scrollable area etc.?
 
Eric Pascarello
author
Posts: 15385
6
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
It really does not mean total redesign. You can stick with a table layout, but it is hard to get them to look right. That is the trouble you are having. You can feel free to use JavaScript on your page. You could also use a div that auto scrolls.

<div style="overflow:auto;width:200px;height:200px">
</div>

When the content gets large it adds scrollbars. I do not know what your JavaScript code is exactly, but I don;t think that is in my book.

My book mainly deals with all of the fundamental operations in JavaScript and how to use them. There is some code in there on making menus and stuff. My book is a great reference in my mond. I wrote it and I use it to look stuff up when syntax escapes my mind!

Eric
 
Eric Pascarello
author
Posts: 15385
6
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
I will try to post a basic 2 column layout here sometime within the next few hours. I need to get home from work.

Eric
 
Eric Pascarello
author
Posts: 15385
6
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
http://www.ssi-developer.net/main/templates/

There are some two column layouts there..

Eric
 
Ricardo Estafan
Ranch Hand
Posts: 84
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Ok Eric,

i've fixed the two column page. I'll add the code i used for a test page. I have a question this page works fine in Mozialla. In IE it adds scrollbar to the left of the right end of the page. Now i hope you or anyone else can help me fixing this. It's just a simple two column page. Left column is the navigation column, i want this to be fixed (in all browsers ;-).

CSS:

HTML :


Thanks a lot!!!

[ March 13, 2005: Message edited by: Ricardo Estafan ]

[ March 14, 2005: Message edited by: Ricardo Estafan ]
[ March 14, 2005: Message edited by: Ricardo Estafan ]
 
Don't get me started about those stupid light bulbs.
reply
    Bookmark Topic Watch Topic
  • New Topic