...long text...
About Conditional Comments http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp Micha [allowsmilie] => 1 [showsignature] => 0 [ipaddress] => [iconid] => 0 [visible] => 1 [attach] => 0 [infraction] => 0 [reportthreadid] => 0 [isusenetpost] => 1 [msgid] => [ref] => [htmlstate] => on_nl2br [postusername] => Michael [ip] => netizen@gmx.net [isdeleted] => 0 [usergroupid] => [membergroupids] => [displaygroupid] => [password] => [passworddate] => [email] => [styleid] => [parentemail] => [homepage] => [icq] => [aim] => [yahoo] => [msn] => [skype] => [showvbcode] => [showbirthday] => [usertitle] => [customtitle] => [joindate] => [daysprune] => [lastvisit] => [lastactivity] => [lastpost] => [lastpostid] => [posts] => [reputation] => [reputationlevelid] => [timezoneoffset] => [pmpopup] => [avatarid] => [avatarrevision] => [profilepicrevision] => [sigpicrevision] => [options] => [akvbghsfs_optionsfield] => [birthday] => [birthday_search] => [maxposts] => [startofweek] => [referrerid] => [languageid] => [emailstamp] => [threadedmode] => [autosubscribe] => [pmtotal] => [pmunread] => [salt] => [ipoints] => [infractions] => [warnings] => [infractiongroupids] => [infractiongroupid] => [adminoptions] => [profilevisits] => [friendcount] => [friendreqcount] => [vmunreadcount] => [vmmoderatedcount] => [socgroupinvitecount] => [socgroupreqcount] => [pcunreadcount] => [pcmoderatedcount] => [gmmoderatedcount] => [assetposthash] => [fbuserid] => [fbjoindate] => [fbname] => [logintype] => [fbaccesstoken] => [newrepcount] => [vbseo_likes_in] => [vbseo_likes_out] => [vbseo_likes_unread] => [temp] => [field1] => [field2] => [field3] => [field4] => [field5] => [subfolders] => [pmfolders] => [buddylist] => [ignorelist] => [signature] => [searchprefs] => [rank] => [icontitle] => [iconpath] => [avatarpath] => [hascustomavatar] => 0 [avatardateline] => [avwidth] => [avheight] => [edit_userid] => [edit_username] => [edit_dateline] => [edit_reason] => [hashistory] => [pagetext_html] => [hasimages] => [signatureparsed] => [sighasimages] => [sigpic] => [sigpicdateline] => [sigpicwidth] => [sigpicheight] => [postcount] => 9 [islastshown] => [isfirstshown] => [attachments] => [allattachments] => ) --> build website for 2 resolutions - Macromedia Dreamweaver

build website for 2 resolutions - Macromedia Dreamweaver

The easiest and most widely-used is to do it in tables. Put all your content in a single table that is scaled to a percentage-width. You can also "nest" tables in each other. However, you *can* do it with layers and the pros/cons will be debated heretoforth. :) -- BR "foosball is th' DEVIL, Bobby Bouchet" "PMol" <com> wrote in message news:bgp3on$dlh$macromedia.com...  resolutions ?  would like to make it for 800x600 also ...

  1. #1

    Default Re: build website for 2 resolutions

    The easiest and most widely-used is to do it in tables. Put all your content
    in a single table that is scaled to a percentage-width. You can also "nest"
    tables in each other.

    However, you *can* do it with layers and the pros/cons will be debated
    heretoforth. :)



    --
    BR
    "foosball is th' DEVIL, Bobby Bouchet"




    "PMol" <com> wrote in message
    news:bgp3on$dlh$macromedia.com... 
    resolutions ? 
    would like to make it for 800x600 also 


    Bill Guest

  2. #2

    Default Re: build website for 2 resolutions

    In article <bgp3on$dlh$macromedia.com> , "PMol"
    com wrote:
     

    http://www.thepattysite.com/window_sizes1.cfm

    -- James M. Shook
    http://www.jshook.com

    James Guest

  3. #3

    Default Re: build website for 2 resolutions

    > I am working with 1024x768 so I build my site for this resolution, but I
    would like to make it for 800x600 also

    Realize that few, if any, actually browse the web at 1024 x 768.

    Of those with 800 x 600, many will not be browsing with the browser
    maximized.

    It's important to understand that screen resolution has nothing to with
    browser sizes. Nothing. Nada. Zip. Nil.

    Design your sites for either the lowest common denominator (say, 600 pixels
    wide...though even that will exclude some people) or make your site
    'liquid'--able to stretch to fill any space comfortably.
     

    If you design with this in mind, it's not a big deal, but it can be a pain
    to redesign an existing visual layout to work this way.

    -Darrel


    darrel Guest

  4. #4

    Default Re: build website for 2 resolutions

    Bill Ray wrote:
     

    You don't need tables. A HTML page will _always_ scale in width, as long
    as you don't use fixed sized elements. This flexibility is one of the
    most powerful features of HTML, but is too often ignored by people who
    build websites just for themselves and not for their visitors.

    Remember: There are a lot of people using devices with small displays,
    e.g. laptops, handhelds or mobiles to access the web. Using a fixed
    sized layout is one of the worst things a webauthor can do.

    Micha

    Michael Guest

  5. #5

    Default Re: build website for 2 resolutions

     

    But you kind of have to do something about those 40-word lines of text. :-)


    --
    Ptty Ayers
    http://www.WebDevBiz.com
    Professional Web Business Tools:
    Web Design Contract, Estimate Worksheet, and more
    --


    P@tty Guest

  6. #6

    Default Re: build website for 2 resolutions

    Ptty *TWB* wrote:
     
    >
    >But you kind of have to do something about those 40-word lines of text. :-)[/ref]

    Use max-width and don't care about IE. ;)

    Micha

    PS: I know there's a workaround ... with tables ...
    Michael Guest

  7. #7

    Default Re: build website for 2 resolutions

     

    What's max-width?

    --
    Ptty Ayers
    http://www.WebDevBiz.com
    Professional Web Business Tools:
    Web Design Contract, Estimate Worksheet, and more
    --


    P@tty Guest

  8. #8

    Default Re: build website for 2 resolutions

    > 10.4 Minimum and maximum widths: 'min-width' and 'max-width' 

    Hm, looks like it'll be useful when the browsers support it. :-)

    --
    Ptty Ayers
    http://www.WebDevBiz.com
    Professional Web Business Tools:
    Web Design Contract, Estimate Worksheet, and more
    --


    P@tty Guest

  9. #9

    Default max-width (was: build website for 2 resolutions)

    Ptty *TWB* wrote:
     
    >
    >Hm, looks like it'll be useful when the browsers support it. :-)[/ref]

    Opera and Mozilla support it very well.

    For IE there's a workaround with a table, e.g.

    <table><tr>
    <td style="width: 40em">...long text...</td>
    </tr></table>

    This has the same effect as max-width: 40em (and works in IE *g*).

    * * *

    Additionally one could use conditional comments for hiding the work-
    around-table from 'real' browsers, only IE will recognize it then (for
    every other browsers it's just a comment), but that bloats the code:

    <!--[if lte IE 6]>
    <table><tr><td style="width: 40em">
    <![endif]-->

    <div style="max-width: 40em">...long text...</div>

    <!--[if lte IE 6]>
    </td></tr></table>
    <![endif]-->

    About Conditional Comments
    http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp

    Micha

    Michael Guest

  10. #10

    Default Re: max-width (was: build website for 2 resolutions)

    > Opera and Mozilla support it very well.

    Right.. but all my work is for clients whose sites server the general
    public.
     

    Why not just set the width of the table to a percentage (using CSS)? I'm not
    doubting your wisdom, just asking. :-)


    --
    Ptty Ayers
    http://www.WebDevBiz.com
    Professional Web Business Tools:
    Web Design Contract, Estimate Worksheet, and more
    --




    P@tty Guest

  11. #11

    Default Re: max-width (was: build website for 2 resolutions)

    Ptty *TWB* wrote:
     

    The nice thing about max-width (or the mentioned 'hacks') is that it
    uses the whole window size if necessary, but only up to the given
    maximum. If you use a percentage value then there's always wasted space
    on screen.

    Let's do a bit ascii-art to (hopefully) make it more clear. ;)

    window size window size
    < max-width: > max-width:
    ____________ ____________________
    |text text te| |text text text |
    |xt text text| |text text text |
    |text text te| |text text text |
    |xt text text| |text text text |
    |text text te| |text_text text |
    |xt text text| | |
    |____________| |____________________|

    Now with a percentage
    of 20% for example:
    ____________
    |text text | You see? In the small window there's wasted space on the
    |text text | right because of the %-value, while the max-width fits in
    |text text | the window perfectly. On wider windows it would probably
    |text text | look the same like the above.
    |text text |
    |text text | So with max-width it's possible to have both optimal
    |text text___| usage of the available space and a reader-friendly line
    length (even in IE).

    Micha
    Michael Guest

  12. #12

    Default Re: max-width (was: build website for 2 resolutions)

    Micha:

    Hmmmm.... 8)

    --
    Murray --- ICQ 71997575
    Team Macromedia Volunteer for Dreamweaver MX
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
    ANSWERS
    ==================
    http://www.dreamweavermx-templates.com - Template Triage!
    http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
    http://www.DreamweaverFAQ.com - DW FAQs, Tutorials & Resources
    http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
    ==================

    "Michael Fesser" <net> wrote in message
    news:com... [/ref]
    not 
    >
    > The nice thing about max-width (or the mentioned 'hacks') is that it
    > uses the whole window size if necessary, but only up to the given
    > maximum. If you use a percentage value then there's always wasted space
    > on screen.
    >
    > Let's do a bit ascii-art to (hopefully) make it more clear. ;)
    >
    > window size window size
    > < max-width: > max-width:
    > ____________ ____________________
    > |text text te| |text text text |
    > |xt text text| |text text text |
    > |text text te| |text text text |
    > |xt text text| |text text text |
    > |text text te| |text_text text |
    > |xt text text| | |
    > |____________| |____________________|
    >
    > Now with a percentage
    > of 20% for example:
    > ____________
    > |text text | You see? In the small window there's wasted space on the
    > |text text | right because of the %-value, while the max-width fits in
    > |text text | the window perfectly. On wider windows it would probably
    > |text text | look the same like the above.
    > |text text |
    > |text text | So with max-width it's possible to have both optimal
    > |text text___| usage of the available space and a reader-friendly line
    > length (even in IE).
    >
    > Micha[/ref]


    Murray Guest

  13. #13

    Default Re: build website for 2 resolutions

    In article <bgpmdf$bb4$macromedia.com> , "Ptty *TWB*"
    <rr.com> wrote:
     

    Yes, I anxiously await the time when we can make use of these properties.

    -- James M. Shook
    http://www.jshook.com

    James Guest

Similar Threads

  1. Question Website not compatible with High resolutions. Please Suggest What to do.?
    By williampritchard in forum HTML & CSS
    Replies: 2
    Last Post: March 21st, 06:04 AM
  2. How To Build a Survey on our website
    By Charlotte FPC in forum Macromedia Contribute General Discussion
    Replies: 1
    Last Post: April 7th, 10:03 AM
  3. Can you build a new website from scratch withcontribute?
    By Mr.kxt in forum Macromedia Contribute General Discussion
    Replies: 5
    Last Post: July 12th, 04:30 PM
  4. build website with flash
    By smoh7461 webforumsuser@macromedia.com in forum Macromedia Flash Sitedesign
    Replies: 3
    Last Post: July 22nd, 01:53 PM

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
  •