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.

Results 1 to 5 of 5
  1. #1
    Junior Member
    Join Date
    Oct 2004
    Location
    Stillwater, OK
    Posts
    13
    Member #
    7960
    Hello gang,

    It's my first post on this forum so I suppose an introduction is in order. I am a complete amateur and self-taught web designer who is (relatively) new to css and web standards.

    A lot of what I've read says that IE has got some serious bugs that you have to hack around with css as well as holes that can be exploited by hackers. That's a large reason why I switched over to Firefox this summer (Praise the Lord, I finally saw the light!).

    So with that said, I'm not real suprised that my site looks weird on IE, but I can't see what the actual errors in the coding are. Everything looks just fine and dandy in Firefox, but in Explorer it's not.

    The site I need help on can be found at http://www.willphillips.org/blue. This page is actually just a mockup and has the entire css stylesheet directly on the page for easy reference.

    Here's a list of what goes wrong in IE:

    1) The left side content is displayed too far to the right by about 10 pixels or so.
    2) The font size on that side should be 8.0 pt, but it displays as 10.0.
    3) The main content on the right side displays below the left hand content, as if there was no Float property at all.

    Maybe I'm just missing something really asinine that you pros will notice, I don't know. But any help you could throw my way would be great.

    Thanks in advance.

  2.  

  3. #2
    Senior Member lopezvic's Avatar
    Join Date
    Jun 2004
    Location
    Miami, FL
    Posts
    100
    Member #
    6436
    If you are using dreamweaver you can set it so that as you code or add things it will check browser support for as many browsers as you want. Some of your problems I think would be fixed with adding a style for content and font.

  4. #3
    Senior Member seanmiller's Avatar
    Join Date
    Sep 2003
    Location
    Glastonbury, UK
    Posts
    868
    Member #
    3263
    Liked
    1 times
    That 175px left margin on content-right won't help. IE will, by default, only start the content-right after the content-left, so you've already used 150px of the 730px defined in the container. 150px+500px=650px which means maximum 80px (not forgetting padding etc.)... change the 175px to, say, 50px and you will probably be fine.

    As for the lining up on content-left trying replacing the margins and padding with:
    Code:
            margin:  0px 10px 0px 05px;
            padding: 0px 10px 0px 10px;
    Not sure why IE behaves like that, but it appears to do so. With both these divs you may be better defining the positions explicitly rather than letting the browser do it.

    As for the font size, why have you defined the size as "8.pt" rather than "8pt"??! That appears to be the problem anyway.

    Sean

  5. #4
    Junior Member
    Join Date
    Oct 2004
    Location
    Stillwater, OK
    Posts
    13
    Member #
    7960
    Thanks for the replies, sean & lopez.

    I ended up using relative positioning to sort out my problems, like you briefly suggested.

    However, now I have another problem with my lists (I promise this will be the last of them!).

    Here's the html:
    Code:
    <div class="highlight">Friends</div>
    <ul class="sidelist">
         <li><a href="http://www.chrisandjenn.net">Chris & Jenn Armstrong</a></li>
         <li><a href="http://www.e-church.com">Tim Bednar</a></li>
         <li><a href="http://www.oktony.com">Pete & Rebekah Gibson</a></li>
         <li><a href="http://www.randylane.org">Randy Lane</a></li>
    </ul>
    And here's the corresponding css:
    Code:
    .sidelist {
    	margin-left: 0;
    	padding-left: 0;
    	list-style: none; }
    .sidelist li {
    	padding-left: 5px;
    	font-size:8.0pt; }
    To me, it all seems to be right, but when the page loads up in IE, the font is sized incorrectly (10.0 pt) and the margins are their default measurements.

    In Firefox. the font size is correct, but the margins are off.

    Once again for reference, the website is http://www.willphillips.org/blue/

  6. #5
    Junior Member
    Join Date
    Oct 2004
    Location
    Stillwater, OK
    Posts
    13
    Member #
    7960
    This is entirely too embarrassing.

    Ahem.

    The style sheet I have been working on was my backup, and not the actual sheet the page was referencing. Everything looks fine.

    I'm just a dummy.


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
  •  
All times are GMT -6. The time now is 09:42 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com