Register

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.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 15
  1. #1
    Senior Member
    Join Date
    May 2003
    Location
    UK
    Posts
    2,354
    Member #
    1326
    Hello.

    Following on from this thread I now have a new problem.

    The client viewed the website (which is ongoing) in Firefox on a MAC (not sure what version of either, but should not matter?) and the <hr> did not display at all. They also viewed the website in Safari on a MAC and the <hr> displayed but the text below was overlapping a bit - but I am sure I can fix that.

    I do not own a MAC but I got a friend to check it out who is on a MAC, and in Firefox the <hr> did display so I am a bit perplexed.

    The website: http://www.andrewbuchan.co.uk/templatetest/demo and then click any of the links at the bottom.

    I have attached what the client sees in FF/MAC and what I see in FF/XP.

    Thanks for any advice.
    Attached Images Attached Images

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,717
    Member #
    5580
    Liked
    718 times
    Andrew ...

    I'll searched the HTML source ... I can't find any <hr> tags.

    BTW ... is this one of Sarah's sites?
    If so, glad she was able to connect with you.
    Let me know how it's going (she is very good to work with).


  4. #3
    Senior Member ravensjeff's Avatar
    Join Date
    Aug 2007
    Location
    Maryland
    Posts
    125
    Member #
    15751
    I'm not 100% sure but I would venture a guess that the problem is in relation to the combination of the <hr /> tag being positioned absolutely and having a z-index set to -1.

  5. #4
    Senior Member
    Join Date
    May 2003
    Location
    UK
    Posts
    2,354
    Member #
    1326
    @mlseim - look at http://www.andrewbuchan.co.uk/templa...mo/collection/ or http://www.andrewbuchan.co.uk/templatetest/demo/about the tag is a <hr /> in the source, see below snippet

    HTML Code:
    <hr />
    <img src="images/Collect1.jpg" width="362" height="513" id="collectionImage" />
    <div id="collectionDescription">
    	<h2>Take it to another level</h2>
    </div>
    It is one of Sarah sites, she is great to work with, so hopefully I will not let her down!

    @ravensjeff - I use z-index so the image overlaps the <hr />, are you suggesting that relative will work?

  6. #5
    Senior Member ravensjeff's Avatar
    Join Date
    Aug 2007
    Location
    Maryland
    Posts
    125
    Member #
    15751
    Quote Originally Posted by bfsog
    @ravensjeff - I use z-index so the image overlaps the <hr />, are you suggesting that relative will work?

    Well my theory is this:

    Absolute positioning takes the element out of the normal document flow. By setting the z-index to negative, it is possible that the mac/safari combo is placing it behind your background.

    This is all purely a guess, and since I don't have a mac either, I can't test it.

    But try changing your z-index to 0 for the hr element and the to a greater value for your picture so as to avoid using the negative value altogether.

  7. #6
    Senior Member
    Join Date
    May 2003
    Location
    UK
    Posts
    2,354
    Member #
    1326
    I tried that ravensjeff, after setting the hr to z-index: 1; and the hr's parent (a div) to z-index: 2 the hr appears over the image.

    I cannot give the image a z-index because it is not positioned relative/absolute, well I can but there will be no effect.

    Maybe I have to set the image to be positioned relative as well, something which I am not too keen on but will sacrifice if I have to.

  8. #7
    Senior Member ravensjeff's Avatar
    Join Date
    Aug 2007
    Location
    Maryland
    Posts
    125
    Member #
    15751
    This is hard to troubleshoot without having a mac. Maybe someone with a mac will jump in to help. Every thing looks fine in Safari on my windows machine.

  9. #8
    Senior Member
    Join Date
    May 2003
    Location
    UK
    Posts
    2,354
    Member #
    1326
    Me too, it is a pain not having a <insert_missing_machine_name_here> because it hinders development.

    However, I took your advice, my advice, threw them in a bowl together and out popped the image with a relative position (no top and left set though) and a z-index of 2 and the <hr /> has now got a z-index of 1.

    All looks exactly the same on my Windows FF/IE/Safari so I will have to wait til I get hold of a MAC user.

    Cheers

  10. #9
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,717
    Member #
    5580
    Liked
    718 times
    How about not using an <hr> ...
    Instead, make is a sliver of a .gif and repeat it across the <div>.
    I would think that would be more browser compatible than <hr>.


  11. #10
    Senior Member
    Join Date
    May 2003
    Location
    UK
    Posts
    2,354
    Member #
    1326
    I could do that mlseim, I guess that would take away the browser issue.


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Search tags for this page

firefox browser hr tag not showing
,
hr not showing html
,

html hr not showing up

,
web site in firefox on a mac not showing up
Click on a term to search for related topics.
All times are GMT -6. The time now is 09:30 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com