Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Apr 2003
    Location
    Oxford, UK
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    IE problem with CSS

    I've just started blocking out a new semi-personal site and I'm getting some odd results from locally installed versions of IE.

    Looks reasonably OK, as in - how I intended, in Moz (Firebird too), Opera, and NS7.

    I'm not sure if it's checking through the LAN that's causing some of the glitches or if I've really got the CSS wrong. It all checks clean through W3C

    I'm currently running multiple IE versions under W2K and wonder if that could be a problem - anyone know?

    Not going to post code just yet but I'd appreciate if someone has time for a quick look and giving some feedback.

    http://www.studiotheatreclub.org.uk/

    Ta.
    When I'm listening I learn.
    When I'm shouting my mouth off I lose out ;-)

  • #2
    Regular Coder
    Join Date
    Aug 2002
    Location
    Silicon Valley, CA
    Posts
    980
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You're probably running the standalone IE's that I bundled together. If you didn't download them directly from my site, then you downloaded them from a mirror site. Unless, of course, you downloaded the 150MB+ to get 5.01 and 5.5, and then followed Joe Maddalone's tutorial.

    IE 5.01 and 5.5 have horrible CSS support. There can be any number of solutions for any number of problems. It just depends on the problems you're having. Care to elaborate?

  • #3
    New to the CF scene
    Join Date
    Apr 2003
    Location
    Oxford, UK
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    OK.
    My CSS isn't great but usually works so the relevant is:-

    .lc {width:15%; float:left; margin-left:0%; margin-right:0%; text-align:left; background:transparent; }

    .cc {width:90%; margin-left:auto; margin-right:auto; margin-top:0%; margin-bottom:0%; text-align:center; background:#BFF3F5; }

    .rc {width:84%; float:right; margin-left:auto; margin-right:0%; margin-top:0%; margin-bottom:0%; text-align:center; background:#BFF3F5; border-left:solid thin black; }

    .secend {clear:both; }

    .pages {text-align:center;}

    .test {width:100%; background-color:#E6DADA; margin-left:auto; margin-right:auto; text-align:left; font-size:100%; }

    .banner {background-image:url(Cimages/btest4.jpg); width:100%; margin-top:0%; margin-bottom:0%; margin-left:auto; margin-right:auto; font-size:400%;line-height:150%; text-align:center; }

    .tlink {width:100%; background:#F9E097; font-size:110%; line-height:130%; padding-bottom:0%; margin-bottom:-2%; margin-left:0%; border-bottom:solid thin black; text-align:center; }

    .current {background-color:silver; }


    I think I just spotted a problem in the .banner description - but why is it only IE that sees it?

    Relevant page code next - tell me if I've been an idiot

    <body>


    <div class="banner"><img src="Cimages/stclogo2.gif" width="550" height="75" alt="banner" /></div>

    <div class="tlink"><a class="current" href="index.html">STC Home</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="STC/stc.html">The Club</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="Productions/forthcoming.html">The Plays</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="Galleries/gallist.html">The Pictures</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="unicorn.html">The Theatre</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="links.html">Links Page</a></div>
    <div class="test">

    etc.

    What is getting lost in IE is the navigation band ("tlink") and the "cc" is being thrown to the left.

    Probably my mistake but it's fine in Op, Moz and NS7.
    When I'm listening I learn.
    When I'm shouting my mouth off I lose out ;-)


  •  

    Posting Permissions

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