SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Enthusiast ericthehalfbee's Avatar
    Join Date
    Oct 2001
    Location
    Auckland, NZ
    Posts
    46
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS on IE 5 on Mac

    This page looks fine (or as I intended, which may not be the same thing) using any PC browser, but on the Mac using IE5 (and maybe other browser versions but not NN which is also fine) the image captions are pushed miles to the right and the the floats get ignored,particulary noticable on the second image.

    http://www.karekarebeachlodge.co.nz/...ided_walks.php

    My code looks like this

    <h1>Take the best scenic day tour in Auckland New Zealand: a guided walking adventure through rainforest wilderness to dramatic Karekare, the Piano beach</h1>

    <span id="right"><img src="../photos/beach_view.jpg" height="225" width="300" alt="view of Karekare beach at Karekare Beach Lodge vacation rental accommodation and scenic day tour guided walking adventure tourism in rainforest wilderness and walk hiking trails trekking the Piano beach Auckland New Zealand">
    <br><div class="caption">Union Bay and Karekare Beach looking south to Whatipu</div>
    </span>
    <h2>walk the Piano beach</h2>
    <p>A guided walking adventure from <a href="../accommodation/accommodation.php">Karekare Beach Lodge</a> is the best way to walk the <a href="../Karekare/Karekare.php#piano">Piano beach</a> hiking trails on your scenic day tour in Auckland New Zealand. Experience easy beach hiking trails and rainforest wilderness trekking within 45 minutes of Auckland New Zealand.</p>

    <h2>walks suitable for all ages and fitness levels</h2>
    <p>In a customised Auckland New Zealand soft adventure tourism activity, we offer a personalised day tour service suitable for all ages and fitness levels to enable individuals, couples, families and small groups up to a maximum of seven persons, to walk the <a href="../Karekare/Karekare.php#piano">Piano beach</a>. Experience the best of guided walking adventure treks in this unspoiled magnificent location.
    </p>

    <div id="newrowright">
    <span id="left"><img src="../photos/luxury_air-conditioned_coach.jpg" height="225" width="300" alt="view of luxury air conditioned coach at Karekare Beach Lodge vacation rental accommodation and scenic day tour guided walking adventure tourism in rainforest wilderness and walk hiking trails trekking the Piano beach Auckland New Zealand"></span>
    <h2>your scenic day tour</h2>
    <p>Start your scenic day tour in Auckland central with a pick up by our luxury air conditioned <a href="../accommodation/accommodation.php">Karekare Beach Lodge</a> coach for an essential New Zealand guided walking adventure. Leave the city behind you and adventure West over the Waitakere rainforest scenic drive. We take a break at Arataki visitor centre to learn a little of the native flora and flora and Maori history or take in the sweeping scenic panoramas over Auckland's twin harbours. Then continue your guided adventure day tour to <A HREF="../Karekare/Karekare.php">secluded Karekare beach</A> - nestled between the native rainforest clad eroded volcanic Highlands and the sculptured dunes of the black sand surf beach.
    </p>
    <p>A gourmet picnic can be provided for your enjoyment if we are notified in advance.</p>
    <div>


    The relevant bits of the CSS file are

    .caption {
    font-size: 9px;
    text-align: center;
    font-weight: bold;
    font-style: normal;
    }
    #right {float:right;padding-right: 10px;padding-left:10px;padding-bottom:10px;padding-top:10px;}
    #left {float:left;padding-right:10px;padding-bottom:10px;padding-top:10px;}
    #newrowright {clear:right;padding:10px;}
    #newrowleft {clear:left;padding:10px;}

    Is it me or the Mac (it's usually me but I can't see the problem.

    Any help appreciated

    Eric
    Last edited by ericthehalfbee; Nov 5, 2002 at 22:30.

  2. #2
    SitePoint Enthusiast ericthehalfbee's Avatar
    Join Date
    Oct 2001
    Location
    Auckland, NZ
    Posts
    46
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Managed to bodge it by,
    a) Not having <div>s inside <span>s which I shouldn't have done in the first place although it still works in all PC browsers
    b)Done by replacing the <div class="caption"> with <br><span class="caption"> although the caption is no longer centered below the photo.
    c) tried replacing the <span class="right"> with a <div> but this makes the text not flow round the photo.

    If anyone knows a better way of doing it could they let me know.


Bookmarks

Posting Permissions

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