Posted on 2004-10-25
Last Modified: 2010-04-25
On a web site I have just done - I use layers to position the text and images.

I get some reports that "on some machines" the text rides over the images.

Why does this happen and how can it be corrected? Any advice appreciated :)
Question by:midhurst
    LVL 10

    Assisted Solution

    BTW it happens in FireFly, Mozilla.

    This could be because you have overlapping layers.  I dont know the exact data, but I think that this is not widely execpted yet.  Also you have a couple of empty layers.  

    I would also suggest using  a better method of wraping text around images (this would help a couple of the images over text problems)

    I like the site though.

    LVL 8

    Accepted Solution

    You are using absolute-positioned divs. Try setting the font-size fixed to a particular pixel value. I higly recommend installing FireFox browser on your computer,, so that you can test your web pages in more then one browser.
    LVL 10

    Assisted Solution

    also fo images try this

    <div id="Layer4" style="position:absolute; left:240px; top:194px; width:652px; height:137px; z-index:4;">
      <p><strong><font face="Arial">The Michael Chevis Photographic Studio </font></strong><font face="Arial">is
        based in Midhurst, West Sussex and is conveniently situated to cover the South
        of England, from Kent to Cornwall, London, the Home Counties and the Midlands.
        <strong>Michael </strong>established his studio in Midhurst in 1977, after <img src="images/wedding2.jpg" width="250" height="376" border="1" style="margin-left: 5px;      margin-top: 5px;      margin-bottom: 5px;      float: right;">
        studying Photography and Graphic Design at Salisbury College of
        Art &amp; Design.

        He is an associate member of the British Institute of
        Professional Photography (ABIPP) and an associate of the
      Master Photographer's Association (AMPA).</font></p>

    Author Comment

    Thanks guys. Firefox is great and will prove v useful. :)


    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    How to run any project with ease

    Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
    - Combine task lists, docs, spreadsheets, and chat in one
    - View and edit from mobile/offline
    - Cut down on emails

    Suggested Solutions

    For those who don't know, Adobe Dreamweaver is a popular commercial web editor that enables you to design, build and manage complex websites. The editor is a WYSIWYG (What You See Is What You Get) web editor, which means that you can create your web…
    This article is very specific and is only intended to help if you are installing Dreamweaver 8 in a Windows 7 environment with Office 2007 installed.   I'm not sure why Microsoft tends to release OS' that should not be released but they do.  Windows…
    Internet Business Fax to Email Made Easy - With eFax Corporate (, you'll receive a dedicated online fax number, which is used the same way as a typical analog fax number. You'll receive secure faxes in your email, fr…
    This video discusses moving either the default database or any database to a new volume.

    857 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    9 Experts available now in Live!

    Get 1:1 Help Now