SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Nov 2003
    Location
    montreal
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question resizable table using JS?

    Hi, I'm just wondering if it would be possible to script a table that would act like a frameset like this one:

    /---!
    <frameset rows="10* , 450, 10*" frameborder="no" framespacing="0" border="0">
    <frame src="html/burgundy.html" name="haut" scrolling="no" noresize>
    <frameset cols="10*, 600, 10*">
    <frame src="html/burgundy.html" name="gauche" scrolling="no" noresize>
    <frame src="html/interface.html" name="centre" scrolling="no" noresize>
    <frame src="html/burgundy.html" name="droite" scrolling="no" noresize>
    </frameset>
    <frame src="html/burgundy.html" name="bas" scrolling="no" noresize>
    </frameset>
    <noframes><body></body></noframes>
    !---/

    So my main window would always be in the center of my screen and I would not lose the side scroll bar. Here's an example
    http://www.appiq.com

  2. #2
    SitePoint Zealot tss68nl's Avatar
    Join Date
    Nov 2002
    Location
    Netherlands
    Posts
    165
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I am not sure why you want to use javascript for that? It's purely a layout question I think, which is solved by either a html table, or some DIV's linked up via CSS if you need special effects so to speak.

    If you make a table, with a fixed width, say 780 pixels, and set that to 100% height, it will at least always fill the screen, and when it becomes longer than the window height, it'll just go beyond that and a scrollbar will appear.
    Align this table centered using a <div align='center'> around it.

    Then when you need extra edges around it, you can give it some margins, or you can set the body-elements padding/margin settings as to create the clearances.

    CSS purists will loath the use of a table in this case, and would replace it with a div, that gets positioned by css properties and maybe even functions. I dont know the solution for that off hand, since I'm not happy with CSS layouts as they tend to have minor flaws during resizing especially. Maybe someone else can fill you in on that.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •