LinkBack URL
About LinkBacksHi,
I'm not sure if I'm in the right spot because this is a Dreamweaver problem, but It does run on HTML so here it goes. I'm having a resizing problem. I'm using my index.htm image ready slices as the background i.e buttons banner graphics etc and selected center alignment for them, I than placed a new layer overtop that; I typed in all of my info into the new layer and moved it around so that it was in the right place. It's all centerd and looks perfect at 1024x768...but when I change my screen resolution to 800x600 my background i.e sliced buttons, banner graphics etc stay centered but my new layer is now aligned to the right, the new layer doesn't slide over with the rest! Is there a way of locking it or aligning it so that it resizes or slides over with the first layer according to other screen resolutions?
If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.
Results 1 to 8 of 8
Thread: Resizing problem?
-
Dec 04th, 2006, 04:27 AM #1Junior Member
- Join Date
- Dec 2006
- Posts
- 5
- Member #
- 14461
-
Dec 04th, 2006 04:27 AM
-
Dec 04th, 2006, 07:50 AM #2Senior Member
- Join Date
- Nov 2004
- Posts
- 1,140
- Member #
- 8171
How are you positioning the layer on top?
Please post the code.
-
Dec 04th, 2006, 03:40 PM #3Junior Member
- Join Date
- Dec 2006
- Posts
- 5
- Member #
- 14461
[quote=DCScene]How are you positioning the layer on top?
I am moving it around with my curser, clicking and dragging it.
-
Dec 04th, 2006, 04:00 PM #4Junior Member
- Join Date
- Dec 2006
- Posts
- 5
- Member #
- 14461
Ooops, here's the code
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF">
<div align="center"><img src="background.jpg" width="514" height="400">
<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 378px; top: 116px">Top
Layer </div>
</div>
</body>
</html>
-
Dec 04th, 2006, 04:01 PM #5Junior Member
- Join Date
- Dec 2006
- Posts
- 5
- Member #
- 14461
Ooops! here's the code
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF">
<div align="center"><img src="background.jpg" width="514" height="400">
<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 378px; top: 116px">Top
Layer </div>
</div>
</body>
</html>
-
Dec 05th, 2006, 08:59 AM #6Senior Member
- Join Date
- Nov 2004
- Posts
- 1,140
- Member #
- 8171
:-) Not exactly the answer I was expecting, but I did get the answer...
Instead of [minicode]position: absolute[/minicode] change it to [minicode]position: relative[/minicode]. I'm looking at <div id="Layer1">.
-
Dec 05th, 2006, 07:53 PM #7Junior Member
- Join Date
- Dec 2006
- Posts
- 5
- Member #
- 14461
Thanks for your help but when I do that it disapears
Originally Posted by DCScene
-
Dec 06th, 2006, 07:13 AM #8Senior Member
- Join Date
- Nov 2004
- Posts
- 1,140
- Member #
- 8171
Hum :erm:
My first thought... I don't know!
I assume you've already checked that it's not positioned elsewhere on the page (maybe 378px to the left and 116px from the top).
A couple other things worth trying:
- Put a border around the thing to help you find it.
- Take out the div with the background image to see if the content is there.
If it's live, post a link.
Reply With Quote
