Results 1 to 4 of 4
  1. #1
    Join Date
    May 2003
    Location
    Lima, Perú
    Posts
    164

    Weird Explorer CSS problem...

    http://www.quehacemos.com/temp/firefox.gif
    Image 1 - FireFox

    http://www.quehacemos.com/temp/explorer.gif
    Image 2 - Explorer

    I'm getting this weirdo error in explorer where it renders the CSS completely wrong...I have no idea as to what the problem is here....anyone have any ideas???

    CSS:
    Code:
    a.menuitem:link, a.menuitem:visited, a.menuitem:active { color: white; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #fba129; margin: 0; padding-top: 4px; padding-left: 6px; width: 119px; height: 20px; float: right; border-left: 1px solid #fff }
    a.menuitem:hover { color: white; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #3661cf; margin: 0; padding-top: 4px; padding-left: 6px; width: 119px; height: 20px; float: right; border-left: 1px solid #fff }
    .intersep { font-size: 1%; background-color: #3661cf; margin: 0; width: 150px; height: 5px; float: right; border-bottom: 1px solid #fff }
    .menubarra { margin: 0; padding: 0; width: 150px; height: 24px; float: left; border-bottom: 1px solid #fff }
    HTML:
    Code:
    <span class="menubarra"><a class="menuitem" href="http://www.quehacemos.com/cartelera/">CARTELERA</a></span>
    				<span class="menubarra"><a class="menuitem" href="http://www.quehacemos.com/restaurant/">RESTAURANTS</a></span>
    				<span class="menubarra"><a class="menuitem" href="http://www.quehacemos.com/bares/">BARES Y PUBS</a></span>
    				<span class="menubarra"><a class="menuitem" href="http://www.quehacemos.com/discos/">DISCOTECAS</a></span>
    				<span class="menubarra"><a class="menuitem" href="http://www.quehacemos.com/hoteles/">HOTELES</a></span>
    				<span class="menubarra"><a class="menuitem" href="http://www.quehacemos.com/teatros/">TEATROS</a></span>
    				<span class="menubarra"><a class="menuitem" href="http://www.quehacemos.com/museo/">MUSEOS</a></span>
    				<span class="menubarra"><a class="menuitem" href="http://www.quehacemos.com/actividad/">ACTIVIDADES</a></span>
    				<span class="menubarra"><a class="menuitem" href="http://www.quehacemos.com/cabinas/">CABINAS</a></span>
    				<span class="menubarra"><a class="menuitem" href="http://www.quehacemos.com/casino/">CASINOS</a></span>
    				<span class="menubarra"><a class="menuitem" href="http://www.quehacemos.com/hostales/">HOSTALES</a></span>
    				<span class="intersep"></span>

  2. #2
    Join Date
    May 2003
    Location
    Lima, Perú
    Posts
    164
    Ok, found a solution after playing around a bit. I re-classified all the "menubarra" spans into paragraphs and that fixed it.

  3. #3
    Join Date
    Jan 2004
    Posts
    1,769
    Originally posted by hdezela
    Ok, found a solution after playing around a bit.
    Yes, but look at what you have done to this thread. It's 3 monitors wide. lol...

  4. #4
    lol I evem had to scroll to get the quick reply box
    ServeYourSite
    Web hosting done right
    ██ Shared, Reseller and Dedicated web hosting
    An Easy Web Presence Company

Posting Permissions

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