|
|
|||||||||
|
|||||||||
|
|||||||||
| |
||
| |||||||||
![]() |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
|
#1
|
|||
|
|||
|
Newb autosize help dreamweaver 8.0
Hey everyone this is my first post here.
Anyways I have made a crappy little site with Publisher (I know, I know, big mistake!) I just used it cause it was easy to click and drag etc. etc. But I now have Dreamweaver 8.0 and I just basically want to rebuild my site with a good web maker (no coding!) So I chose dreamweaver and so far so good, I just need to know how to resize, you know so the page looks the same in 800x600 and 1280x1024, no scrollbars and such. Anyways again I am pretty new to web design and here is the site I built that I want to redo in dreamweaver Any help is much appreciated! Thanx CirKuT |
|
#2
|
||||
|
||||
|
You will find it very hard, if not impossible to make your site look
the same in different resolutions, especially if your range is from 800x600 to 1280x1024. The majority of people on the web have a res of between 800x600 and 1024x768, so you would do well to design your site to look its best at 770x600. Remember too, that even if people have high resolutions, they do not necessarily have their browsers full screen. I, for example, have my screen res set to 1920x1200, but my FF browser is at 1024x600 and my IE one at 800x768. The point being that the web is a fluid medium, not fixed. If what you want is for everyone to view your site exactly the same, then you will be disappointed. Like I said, make it look good at low res, use '%' to size things, not 'px'. Use 'em' to size text rather than 'pt', etc. and you will get the best results.
__________________
Support requests via PM will be ignored! |
|
#3
|
||||
|
||||
|
Unless they have done a lot to fix the preview in DW between MX 2004 and 8. I would recommend using the "Preview in browser" option to see what your site will REALLY look like. I have been using DW since version 3 (curently using MX 2004) and have found over the years that what may look good in the preview pane, looks like weasel dung in a browser.... Especially if you are using CSS (Which I highly recommend). I almost never use the preview pane anymore.
BTW Welcome to the forum. ![]()
__________________
GardenWeasel... Does all the work of 10 men and 1 small boy "To know that even one life has breathed easier because you have lived..... This is to have succeeded" R. W. Emerson
|
|
#4
|
|||
|
|||
|
Thanks for the help guys!
Im not to concerned about it looking exactly the same my concern is that my PC is on 1280x1024 and when I change it to 1024x768 i get scrollbars, i dont mind the scroll bars but you really have to scroll alot, if you only have to scroll a little thats fine, scrolling from top to bottom i dont care about either, but scrolling from left to right is what i am trying to eliminate, when i make a site in 1024x68 and view it as 1280x1024 i get a big white spot on the right hand side I will try the new resolution Thanks again for the help! CirKuT |
|
#5
|
||||
|
||||
|
Quote:
If you are developing for 1024x768 then try giving your page content a width of around 1000px. then make your page background color the same as the background color of your actual content. Here's one example www.ocwindustrial.com Another option, depending on your layout is to center your content and give it a defined width that will fit the minimum screen resoultion for which you are developing. Here's another www.newburghwindustrial.com |
|
#6
|
|||
|
|||
|
both those websites look great, now my last question is how do i set the size? ive only used publisher so dreamweaver is new to me, i see options to change resolution size but nothing to do with 1000px
Thanks again for all the help |
|
#7
|
||||
|
||||
|
Quote:
You can adjust the width of your page (NOT the window) by using Code:
body {
width:1000px;
Background-color;#DDDDDD;
}
or as I like to do when I want to center a page so that regardless of the browser resolution (within reason of course), my page will ALWAY be presentable. In your CSS Code:
body {
position:relative;
background-color:#FF0000;
}
#crunchyCandyShell {
width:760px; /* guaranteed to fit 800x600 and up */
position:relative;
top:5px;
left:50%;
margin-left:-380px; /* this will center on the page */
background-color:#FF0000;
height:350px;
color:#00FF00;
}
This will give you the basis for your page. I'm going to have to start asking for a commission because I recognize it so often, but there is a great book by Rachel Andrews called 101 Essential Tips, Tricks, & Hacks. Worth every penny. |
![]() |
| Viewing: ASP Free Forums > Programming > HTML, JavaScript And CSS Help > Newb autosize help dreamweaver 8.0 |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
|
|