SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Mar 2005
    Location
    Manhattan, NY
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    3 Major IE -> Mozilla Problems

    For some reference, here's what I'm currently working on:
    http://georgio.pcplayground.com/csstest2.html

    It looks exactly like I want it to in IE, however in Mozilla I have three big problems with it.

    1) (The least important) There is no blue border showing up around my updates (the main page posts in the <h4>).

    2) I want the updates to take up the whole page minus the 133 pixels that the right navigation bar takes up.

    3) In the right navigation bar, there is a gap between the images which I would like to make gone.

    This is all linked to an external stylesheet:
    http://georgio.pcplayground.com/csstest2.css

    That's the only way I know how to do CSS right now, so if any of your solutions involve putting the CSS directly onto the HTML page, please elaborate somewhat.

    Thanks!
    Last edited by randomguy132; Mar 7, 2005 at 00:54.

  2. #2
    CSS & JS/DOM Adept bronze trophy
    Join Date
    Mar 2005
    Location
    USA
    Posts
    5,482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

  3. #3
    SitePoint Wizard gold trophysilver trophybronze trophy dc dalton's Avatar
    Join Date
    Nov 2004
    Location
    Right behind you, watching, always watching.
    Posts
    5,431
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    well besides any errors you may have first try this in your stylesheet:

    img {
    display: block;
    }

    images are treated as text by default so it leaves room for the text descenders, whether there is any text or not..

    that'll get you started ........ Ill check back later for more

  4. #4
    SitePoint Zealot
    Join Date
    Apr 2004
    Location
    Chelsea, MA-USA
    Posts
    127
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Continue to use an external style sheet. You have 11 or so errors on the CSS file, including HTML comments which are invalid. Delete the comments (<!-- -->). You're also using proprietary IE "expressions" on that file-- these are also not valid. Put the propriatary stuff on it's own style sheet, and link it using conditional comments, with something above the doctype so that IE will go into quirksmode:
    <?xml version="1.0" encoding="utf-8"?><!--puts IE in quirks mode-->
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
    <title>
    your stuff
    </title>
    <link rel="stylesheet" href="your-stuff.css" type="text/css" />
    <!--[if IE]>
    <link rel="stylesheet" href="your-ie-stuff.css" type="text/css" />
    <![endif]-->

    You also have 123 errors on the HTML file. Tidy Online http://infohound.net/tidy/ will correct most, if not all , of them-- and wash your car while you wait.
    Make sure both your HTML and CSS files are valid. Code for Firefox and Opera. Hack to IE. Bring it back when you get further along.

  5. #5
    SitePoint Member
    Join Date
    Mar 2005
    Location
    Manhattan, NY
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I now have it so there both of my HTML pages are XHTML Strict 1.0 valid.
    I'm working on:
    http://georgio.pcplayground.com/csstest.html
    which is what I'm trying to make work for Mozilla at the moment, and:
    http://georgio.pcplayground.com/csstest.html
    works fine with IE, but looks like crap with Mozilla.
    Last edited by randomguy132; Mar 7, 2005 at 15:20.


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
  •