Text Layers in HTML

[cjkenning]

Hey all,

I'm building a site using DHTML and Dreamweaver as a base, and I'm currently having trouble. I've created a layer to store text which sits over an image, which looks fine in Dreamweaver, but when loaded onto the page the layer has moved about 80 pixels to the left and about 20 pixels below what it should be!

My first thoughts were that this was due to positioning type, and therefore tried fixed position, relative position etc, but this seemed to delete the layer and send the image to the top of the page!

Here is the code for this layer,

<DIV id="Layer1" style="position:absolute; left:564px; top:495px; width:191px; height:213px; z-index:1"><FONT color="#FFFFFF">sdfsldfjsldkfnsg</FONT></DIV>

If anyone has any ideas, you help would be very appreciated! Thank v much

Chris Kenning
ck@carrot.com

[Wizard13335]

Hmm, it's probably because of the way seperate browsers render breaks, the window sizes, etc., but I am not sure. It depends what browser the viewer is using.

[Wizard13335]

Also, this would more fit in the CSS section of the forums, since you use CSS to position the text.

[pjrey]

remember, that even if you get it to finally work, chances are it will not look the same on another monitor...
absolute postitions change in respect to what the monitor you are viewing the page is set at.
if something needs to be exact.. then the layer must be ontop of another layer.. that way you can control both.. if you have a layer over a table lets say, witha picture in it... that table is not positioned, it is relative... in order to fix it.. you would place the table, with a picture in it, iNSIDE a layer...

make sense?

good luck
pj

[cjkenning]

thanks all for your help!

I think I might have to reconsider the way I'm designing the site, it may have to work differently for different monitors etc...

Chris