Hello and welcome to our community! Is this your first visit?
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
    Dec 2007
    Thanked 0 Times in 0 Posts

    FF/IE differences

    I'm trying to create a blog layout and I'm fairly new to this. This is the site: http://bddesigns.diaryland.com/. It looks fine in Firefox but not so great in IE. Can anyone help me fix it so it looks the same?

    Here's the code:
    <title>Belladonna Designs</title>
    <style type="text/css">
    .entry { font-family: verdana;
    font-size: 8pt;
    color: ECF0FE;
    padding: 5px;
    clear: center;
    resize=no; }
    .nav { font-family: verdana;
    font-size: 8pt;
    letter-spacing: 2px;
    padding: 5px;
    clear: center;
    resize=no; }
    .image { background-color: ECF0FE;
    clear: center;
    border: 1px solid;
    color: 000000;
    resize=no; }

    a:link {text-decoration: none; font-weight: none; color: #3C68A4}
    a:visited {text-decoration: none; font-weight: none; color: #3C68A4}
    a:hover {text-decoration: none; cursor: crosshair; color: #D5DFF3}
    a:active {text-decoration: none; font-weight: bold; color: #D5DFF3}

    <body bgcolor="ECF0FE">
    <div id="background" style="position:absolute; width:727px; height:502px; z-index:1; left: 145px; top: 1px"><img src="http://i173.photobucket.com/albums/w63/_atropabelladonna_/diaryland/circles.png"></div>

    <div id="entry" style="position:absolute; width:357px; height:207px; z-index:2; left: 193px; top: 181px; overflow: auto" class="entry">
    <div align="left">
    <font size="1"><b>%%time%%</b>on<b>%%date%%</b></font></p>
    <p align="left">%%entry%%</p>
    <p align="left"> </p>
    <p align="right"><a href="%%next%%">forward</a>&<a href="%%prev%%">reverse</a></p>

    <div id="links" style="position:absolute; width:160px; height:129px; z-index:4; left: 225px; top: 400px" class="nav">
    <p align="center"><a href="index.html">new</a>||<a href="older.html">archives</a>||<a href="http://members.diaryland.com/edit/profile.phtml?user=%%username%%">profile</a>||<a href="designs.html">designs</a>||<a href="rings.html">rings</a>
    <a href="http://%%username%%.signmyguestbook.com">guestbook</a>||<a href="http://members.diaryland.com/edit/notes.phtml?user=%%username%%">notes</a>||<a href="mailto:a.tropa_b.elladonna@hotmail.com">email</a>||<a href="http://bddesign.diaryland.com">layout</a>||<a href="http://www.diaryland.com">host</a></p>

  • #2
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Clapham Junction - London SW
    Thanked 204 Times in 203 Posts
    You appear to have most of your css commented out.

    AND no Doctype. You can't expect consistent results without a Doctype.


    Last edited by effpeetee; 12-11-2007 at 09:55 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #3
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    In a place far, far away...
    Thanked 1,043 Times in 1,019 Posts
    You also have quite a bit of CSS that is invalid. I suggest you actually learn CSS rather than just try things and hope they work. www.htmldog.com is a decent site.
    ||||If you are getting paid to do a job, don't ask for help on it!||||


    Posting Permissions

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