Dreamweaver Screen Sizes

Cptnspeed · January 21st, 2005, 02:33 PM

Hello,

I just created a new page with frames expecting it to be at 800X600 resolution, its not at the size I run at 1280X1024 How do I change dreamweavers Display resolution? In other words how would I make my "Left and nested top frame" at 800X600 pixels?

Imar · January 21st, 2005, 04:08 PM

I am not sure what you're asking here. Can you clarify things a bit? What do you expect DW to do exactly?

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.

Cptnspeed · January 21st, 2005, 04:50 PM

I want this site to be at 800X600, I do not want the frames to go on forever, is there a way to make the size of the entire site 800X600?

Cptnspeed · January 21st, 2005, 04:51 PM

http://www.fknintense.com/breakagerising.com/index.html URL

Cptnspeed · January 21st, 2005, 04:52 PM

http://www.fknintense.com/breakagerising.com/index.html

Imar · January 21st, 2005, 05:22 PM

Right, I see.

If I were you, I'd drop the frames, and use a simple sized <div> instead. This will work:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>800 px</title>
    <style type="text/css">
        body
        {
            margin: 0;
        }

        #PageWrapper
        {
            width: 800px;
            margin-right: auto;
            margin-left: auto;
            border: 1px solid black;
        }
    </style>
</head>
<body>
<div id="PageWrapper">
    This content block is 800px wide, and stays in the middle of the browser window.    
</div>
</body>
</html>

Actually, this block is 802 px wide right now (if you count the border too). However, when you remove the border: part from the #PageWrapper selector, the content area will be exactly 800 px.

If you don't want to center the content, just remove margin-left and margin-right.

Why did you expect the site to be 800 pixels? The frameset has cols="142,*" which means 142 pixels for the left column, and "the rest" for the right part.

HtH,

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.

Cptnspeed · January 21st, 2005, 07:18 PM

Theres no way to make frames work at 800X600?

Imar · January 22nd, 2005, 06:15 AM

That depends on how you define "work at 800x600".

Frames will always take up 100% of the available screen space. This is what the W3C says about it

Quote:

quote:Absolute lengths that do not sum to 100% of the real available space should be adjusted by the user agent. When underspecified, remaining space should be allotted proportionally to each view. When overspecified, each view should be reduced according to its specified proportion of the total space.

So, say you specify a frame of 100 and one of 200 on a screen with a width of 800, both frames are sized up so they fill the 800 px area. Frame one takes up 33,3% while frame 2 gets 66,6%.

Frames are considered "old skool" technology. They are difficult to bookmark, it's hard to "deep-link" to a page (which is what search engines do all the time), you can't print the entire page, and they might be hard to view on small devices.

If you need to display content from a separate page in your site, use the <div> based solution I showed you earlier, and then use an <iframe> to embed the external content.

In general, however, it's probably better to create a "liquid design"; a design that adjusts nicely to the visitor's screen. Screens of 800 px wide will see a site of 800 px, while larger screens will display a larger site. If you keep this mind when designing your site, it's not too hard to create a design that looks good on all screens, regardless of their size.

Cheers,

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.

dancingman1983 · February 27th, 2005, 08:20 AM

there is one way of keeping your screen to 800 x 6000 in Macromedia Dreamweaver MX. First click the corner of the screen where I have pointed with an arrow

http://img1.yoxio.com/img/142602.jpg

then you should see this screen

http://img1.yoxio.com/img/142603.jpg

Imar · February 27th, 2005, 08:29 AM

True, but that only changes the display size in Dreamweaver, so you can see how your page will end up on the selected resolution. It doesn't really change anything in the document. So, when you view the page on a 1280 x 1024 screen, it will still fill the entire browser window, and not stick to 800 x 600.

Cheers,

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.
While typing this post, I was listening to: Sabotage by Beastie Boys (Track 6 from the album: Ill Communication) What's This?