Welcome to the { mindfrost82.com } forums.

You are currently viewing our boards as a guest which gives you limited access to view most discussions and access our other features. By joining our free community you will have access to post topics, communicate privately with other members (PM), respond to polls, upload content and access many other special features. Registration is fast, simple and absolutely free so please, join our community today!

If you have any problems with the registration process or your account login, please contact contact us.

Go Back   { mindfrost82.com } > Gadget Corner > Tech Newsgroups > Software > Adobe Software > Dreamweaver
Reload this Page DIFFERENT RESOLUTIONS AND LAYERS

Reply
 
LinkBack Thread Tools Search this Thread Display Modes
  #1 (permalink)  
Old 02-02-2008, 07:18 PM
HTMLMONKEY
 
Posts: n/a
DIFFERENT RESOLUTIONS AND LAYERS
Hi I created a webpage in dreamweaver 8 using layers, looks great when viewed
in 1680x1050, but when viewed in lower resolutions the page is not centered.
here is my code, any help greatly appreciated for a novice like me. <!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>Untitled Document</title>
<style type='text/css'> <!-- body { background-image: url(HOMEPAGE
JPEGS/image400.jpg); background-repeat: repeat; } #Layer1 {
position:absolute; width:194px; height:36px; z-index:1; left: 354px; top:
8px; } #Layer2 { position:absolute; width:374px; height:144px; z-index:2;
left: 549px; top: 2px; } #Layer3 { position:absolute; width:200px;
height:115px; z-index:3; left: 243px; top: 172px; } #Layer4 {
position:absolute; width:198px; height:115px; z-index:3; left: 919px;
top: 5px; } #Layer5 { position:absolute; width:194px; height:37px;
z-index:4; left: 355px; top: 55px; } #Layer6 { position:absolute;
width:193px; height:37px; z-index:5; left: 355px; top: 104px; } #Layer7 {
position:absolute; width:765px; height:40px; z-index:6; left: 354px; top:
148px; } #Layer8 { position:absolute; width:750px; height:216px; z-index:7;
left: 356px; top: 190px; } #Layer9 { position:absolute; width:768px;
height:206px; z-index:8; left: 356px; top: 408px; } #Layer10 {
position:absolute; width:343px; height:208px; z-index:9; left: 356px;
top: 626px; } #Layer11 { position:absolute; width:763px; height:38px;
z-index:10; left: 355px; top: 843px; } --> </style></head> <body> <div
align='CENTER'> <div id='Layer2'> <div align='center'><img src='HOMEPAGE
JPEGS/AK LOGO.jpg' width='356' height='141' /></div> </div> </div> <p
align='center'>&amp;nbsp;</p> <div id='Layer1'> <div align='left'><img
src='HOMEPAGE JPEGS/MORE SHIRTS.jpg' width='192' height='34' /></div> </div>
<div id='Layer4'><img src='HOMEPAGE JPEGS/MUGSHOT.jpg' width='196' height='132'
/></div> <div id='Layer5'><img src='HOMEPAGE JPEGS/REAL MUGS.jpg' width='192'
height='34' /></div> <div id='Layer6'><img src='HOMEPAGE JPEGS/BASKET
BANNER.jpg' width='191' height='34' /></div> <div id='Layer7'><img
src='HOMEPAGE JPEGS/BANNER HIGH.jpg' width='760' height='37' /></div> <div
id='Layer8'><img src='HOMEPAGE JPEGS/QUAD BOX.jpg' width='755' height='213'
/></div> <div id='Layer9'><img src='HOMEPAGE JPEGS/QUAD BOX2.jpg' width='755'
height='213' /></div> <div id='Layer10'><img src='HOMEPAGE JPEGS/QUAD BOX3.jpg'
width='755' height='213' /></div> <div id='Layer11'><img src='HOMEPAGE
JPEGS/BANNER LOW.jpg' width='759' height='35' /></div> </body> </html>

Reply With Quote
  #2 (permalink)  
Old 02-02-2008, 07:27 PM
Pablo
 
Posts: n/a
Re: DIFFERENT RESOLUTIONS AND LAYERS
Never ever use the insert layer thing in DW, it will drive you around the
bend. You need to learn CSS and a good start is here:

http://www.w3schools.com/css/default.asp

--
Kind Regards

Paul Dell
..................................
An Eye of Menorca
www.dellimages.com
..................................
Blog
www.paul-dell.com
"HTMLMONKEY" <webforumsuser@macromedia.com> wrote in message
news:fo2fm9$ehp$1@forums.macromedia.com...
> Hi I created a webpage in dreamweaver 8 using layers, looks great when
> viewed
> in 1680x1050, but when viewed in lower resolutions the page is not
> centered.
> here is my code, any help greatly appreciated for a novice like me.
> <!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>Untitled
> Document</title>
> <style type='text/css'> <!-- body { background-image: url(HOMEPAGE
> JPEGS/image400.jpg); background-repeat: repeat; } #Layer1 {
> position:absolute; width:194px; height:36px; z-index:1; left: 354px; top:
> 8px; } #Layer2 { position:absolute; width:374px; height:144px; z-index:2;
> left: 549px; top: 2px; } #Layer3 { position:absolute; width:200px;
> height:115px; z-index:3; left: 243px; top: 172px; } #Layer4 {
> position:absolute; width:198px; height:115px; z-index:3; left: 919px;
> top: 5px; } #Layer5 { position:absolute; width:194px; height:37px;
> z-index:4; left: 355px; top: 55px; } #Layer6 { position:absolute;
> width:193px; height:37px; z-index:5; left: 355px; top: 104px; } #Layer7 {
> position:absolute; width:765px; height:40px; z-index:6; left: 354px; top:
> 148px; } #Layer8 { position:absolute; width:750px; height:216px;
> z-index:7;
> left: 356px; top: 190px; } #Layer9 { position:absolute; width:768px;
> height:206px; z-index:8; left: 356px; top: 408px; } #Layer10 {
> position:absolute; width:343px; height:208px; z-index:9; left: 356px;
> top: 626px; } #Layer11 { position:absolute; width:763px; height:38px;
> z-index:10; left: 355px; top: 843px; } --> </style></head> <body> <div
> align='CENTER'> <div id='Layer2'> <div align='center'><img
> src='HOMEPAGE
> JPEGS/AK LOGO.jpg' width='356' height='141' /></div> </div> </div> <p
> align='center'>&amp;nbsp;</p> <div id='Layer1'> <div align='left'><img
> src='HOMEPAGE JPEGS/MORE SHIRTS.jpg' width='192' height='34' /></div>
> </div>
> <div id='Layer4'><img src='HOMEPAGE JPEGS/MUGSHOT.jpg' width='196'
> height='132'
> /></div> <div id='Layer5'><img src='HOMEPAGE JPEGS/REAL MUGS.jpg'
> width='192'
> height='34' /></div> <div id='Layer6'><img src='HOMEPAGE JPEGS/BASKET
> BANNER.jpg' width='191' height='34' /></div> <div id='Layer7'><img
> src='HOMEPAGE JPEGS/BANNER HIGH.jpg' width='760' height='37' /></div> <div
> id='Layer8'><img src='HOMEPAGE JPEGS/QUAD BOX.jpg' width='755'
> height='213'
> /></div> <div id='Layer9'><img src='HOMEPAGE JPEGS/QUAD BOX2.jpg'
> width='755'
> height='213' /></div> <div id='Layer10'><img src='HOMEPAGE JPEGS/QUAD
> BOX3.jpg'
> width='755' height='213' /></div> <div id='Layer11'><img src='HOMEPAGE
> JPEGS/BANNER LOW.jpg' width='759' height='35' /></div> </body> </html>
>


Reply With Quote
  #3 (permalink)  
Old 02-02-2008, 07:28 PM
Murray *ACE*
 
Posts: n/a
Re: DIFFERENT RESOLUTIONS AND LAYERS
What a friggin' mess.

This is not a resolution issue, just so you'll know. It's a browser
viewport width issue. The same page will look the same on ANY resolution
screen, as long as the browser has the same width.

> the page is not centered.

Of course not. That's because you have used 'layers,' which, being
absolutely positioned are errr absolutely positioned.

Change this -

</head>

to this -

<style type="text/css">
<!--
body { text-align:center; }
#wrapper { text-align:left; width:768px; margin:0 auto;position:relative; }
/* 760px will display on an 800px screen maximized browser window without */
/* horizontal scrollbars. Your width, being a bit more, may drop those
scrollbars.*/
-->
</style>
</head>

change this -

<body ...>

to this -

<body ...>
<div id="wrapper">

and this -

</body>

to this -

<!-- /wrapper -->
</div>
</body>

and see if that helps.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"HTMLMONKEY" <webforumsuser@macromedia.com> wrote in message
news:fo2fm9$ehp$1@forums.macromedia.com...
> Hi I created a webpage in dreamweaver 8 using layers, looks great when
> viewed
> in 1680x1050, but when viewed in lower resolutions the page is not
> centered.
> here is my code, any help greatly appreciated for a novice like me.
> <!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>Untitled
> Document</title>
> <style type='text/css'> <!-- body { background-image: url(HOMEPAGE
> JPEGS/image400.jpg); background-repeat: repeat; } #Layer1 {
> position:absolute; width:194px; height:36px; z-index:1; left: 354px; top:
> 8px; } #Layer2 { position:absolute; width:374px; height:144px; z-index:2;
> left: 549px; top: 2px; } #Layer3 { position:absolute; width:200px;
> height:115px; z-index:3; left: 243px; top: 172px; } #Layer4 {
> position:absolute; width:198px; height:115px; z-index:3; left: 919px;
> top: 5px; } #Layer5 { position:absolute; width:194px; height:37px;
> z-index:4; left: 355px; top: 55px; } #Layer6 { position:absolute;
> width:193px; height:37px; z-index:5; left: 355px; top: 104px; } #Layer7 {
> position:absolute; width:765px; height:40px; z-index:6; left: 354px; top:
> 148px; } #Layer8 { position:absolute; width:750px; height:216px;
> z-index:7;
> left: 356px; top: 190px; } #Layer9 { position:absolute; width:768px;
> height:206px; z-index:8; left: 356px; top: 408px; } #Layer10 {
> position:absolute; width:343px; height:208px; z-index:9; left: 356px;
> top: 626px; } #Layer11 { position:absolute; width:763px; height:38px;
> z-index:10; left: 355px; top: 843px; } --> </style></head> <body> <div
> align='CENTER'> <div id='Layer2'> <div align='center'><img
> src='HOMEPAGE
> JPEGS/AK LOGO.jpg' width='356' height='141' /></div> </div> </div> <p
> align='center'>&amp;nbsp;</p> <div id='Layer1'> <div align='left'><img
> src='HOMEPAGE JPEGS/MORE SHIRTS.jpg' width='192' height='34' /></div>
> </div>
> <div id='Layer4'><img src='HOMEPAGE JPEGS/MUGSHOT.jpg' width='196'
> height='132'
> /></div> <div id='Layer5'><img src='HOMEPAGE JPEGS/REAL MUGS.jpg'
> width='192'
> height='34' /></div> <div id='Layer6'><img src='HOMEPAGE JPEGS/BASKET
> BANNER.jpg' width='191' height='34' /></div> <div id='Layer7'><img
> src='HOMEPAGE JPEGS/BANNER HIGH.jpg' width='760' height='37' /></div> <div
> id='Layer8'><img src='HOMEPAGE JPEGS/QUAD BOX.jpg' width='755'
> height='213'
> /></div> <div id='Layer9'><img src='HOMEPAGE JPEGS/QUAD BOX2.jpg'
> width='755'
> height='213' /></div> <div id='Layer10'><img src='HOMEPAGE JPEGS/QUAD
> BOX3.jpg'
> width='755' height='213' /></div> <div id='Layer11'><img src='HOMEPAGE
> JPEGS/BANNER LOW.jpg' width='759' height='35' /></div> </body> </html>
>

Reply With Quote
  #4 (permalink)  
Old 02-02-2008, 07:57 PM
HTMLMONKEY
 
Posts: n/a
Re: DIFFERENT RESOLUTIONS AND LAYERS
hi modded the code as per murrays reply but this just moved everything to the
right in 1680x1050 and did nothing on a lower resolution. going to have a look
at css thanks pablo and murray for you replies

Reply With Quote
  #5 (permalink)  
Old 02-02-2008, 08:04 PM
Pablo
 
Posts: n/a
Re: DIFFERENT RESOLUTIONS AND LAYERS
Anybody that uses absolute positioning needs help :)

--
Kind Regards

Paul Dell
..................................
An Eye of Menorca
www.dellimages.com
..................................
Blog
www.paul-dell.com
"HTMLMONKEY" <webforumsuser@macromedia.com> wrote in message
news:fo2i07$gpj$1@forums.macromedia.com...
> hi modded the code as per murrays reply but this just moved everything to
> the
> right in 1680x1050 and did nothing on a lower resolution. going to have a
> look
> at css thanks pablo and murray for you replies
>


Reply With Quote
  #6 (permalink)  
Old 02-02-2008, 08:23 PM
Murray *ACE*
 
Posts: n/a
Re: DIFFERENT RESOLUTIONS AND LAYERS
You *WILL* need to reposition your layers, but luckily, all will need the
same offset to the left.

Can you post a link to your page, please?

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"HTMLMONKEY" <webforumsuser@macromedia.com> wrote in message
news:fo2i07$gpj$1@forums.macromedia.com...
> hi modded the code as per murrays reply but this just moved everything to
> the
> right in 1680x1050 and did nothing on a lower resolution. going to have a
> look
> at css thanks pablo and murray for you replies
>

Reply With Quote
  #7 (permalink)  
Old 02-02-2008, 09:29 PM
HTMLMONKEY
 
Posts: n/a
Re: DIFFERENT RESOLUTIONS AND LAYERS
:grin; fantastic advice - Murray *ACE* My page now loads in 1680x1050
centered and 1024x768 centered after I moved my layers to the left side as
suggested. I cannot post a link as it is not online yet, but once I have made
my first $million I will call you up for a re-design many thanks dan

Reply With Quote
  #8 (permalink)  
Old 02-02-2008, 09:52 PM
Murray *ACE*
 
Posts: n/a
Re: DIFFERENT RESOLUTIONS AND LAYERS
I've already made a large purchase, so please hurry....

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"HTMLMONKEY" <webforumsuser@macromedia.com> wrote in message
news:fo2nb5$lvn$1@forums.macromedia.com...
> :grin; fantastic advice - Murray *ACE* My page now loads in 1680x1050
> centered and 1024x768 centered after I moved my layers to the left side as
> suggested. I cannot post a link as it is not online yet, but once I have
> made
> my first $million I will call you up for a re-design many thanks dan
>

Reply With Quote
Reply

  { mindfrost82.com } > Gadget Corner > Tech Newsgroups > Software > Adobe Software > Dreamweaver

« Previous Thread | Next Thread »

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are Off
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT. The time now is 07:29 AM.

Contact Us - { mindfrost82.com } - Archive - Top

Powered by vBulletin, Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.1.0 ©2007, Crawlability, Inc.
© 1999-2008 mindfrost82.com v11.0


Sponsors:
Secured Loans | Personal Car Finance | Computer Repairs | Shares | Free Advertising



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114