Hello,

 

I've been working on a website in Dreamweaver with backgrounds and bottonimages I've made in PS. The background images are designed in a 1024x768 pixel size, and the logo and menu-links are center-aligned in dreamweaver.. I've made a test website and uploaded it to my webhotel which works just fine, BUT... I viewed the test website on a high resolution monitor where the browser size is, of course, bigger than my 1024x768 design, and there all the elements on my page (logo, menu links and text) seems to automatically fit the browser window when I drag it bigger or smaller, and that f***s up my design!

 

Also when I view it on 1024x768 res monitor, and drag the browser windows smaller, the elements moves around fitting the windows..

 

Is there some way to lock the elements within a 1024x768 frame and center that.

 

See my website on www.scandinavian-id.com

 

Thx for helping!

 

Nicklas!

You need to wrap all of your content into a 'wrapper' DIV and then using CSS set the width of that div and center it. For example:

 

 <div id="wrapper>
  // insert your html
</div>

 

and...

 

 #wrapper {width:800px; margin:10px auto;}

Hey Aaron,

 

so I copy the code you wrote and go to "codes" in dreamweaver and paste it, and then copy ALL other content on that page in between the <div>'s ?

 

and then the other other #wrapper code in the end of all that?

 

I've tried it a couple of times but I really cant seem to make it work!

 

do you have an example code?

 

Regards, Nicklas!

Thx!

Do you have a hosted page we can look at to see where it's going wrong?

Yes indeed.

 

www.scandinavian-id.com

 

regards, Nicklas!

 #wrapper {width:800px; margin:10px auto;}

 

Put this on your css!

Do as Aaron said, that will sort it out

Yes, but what is CSS ? I have no clue what CSS is or where to put the code?

 

Hehe sorry for my stupidity!