#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2002
    Location
    Blacksburg VA/Philly PA
    Posts
    38
    Rep Power
    13

    IE and CSS nightmare


    Currently I have a number of items on my page positioned absolutely, and they all line up where they should in all versions of mozilla, safari, konquerer, and a few other browsrers, but when it comes to IE mangles the placement of one of the blocks of text i have. Any suggestions as to how to get around this?
  2. #2
  3. mod_dev_shed
    Devshed Supreme Being (6500+ posts)

    Join Date
    Sep 2002
    Location
    Atlanta, GA
    Posts
    14,817
    Rep Power
    1100
    Which version of IE? IE5.x is known to have a broken box model.
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2002
    Location
    Blacksburg VA/Philly PA
    Posts
    38
    Rep Power
    13
    6.0
  6. #4
  7. mod_dev_shed
    Devshed Supreme Being (6500+ posts)

    Join Date
    Sep 2002
    Location
    Atlanta, GA
    Posts
    14,817
    Rep Power
    1100
    Well, without a link or some code there's no way for us to help you.
  8. #5
  9. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2002
    Location
    Blacksburg VA/Philly PA
    Posts
    38
    Rep Power
    13
    the style sheet looks like this:


    <style type="text/css">
    html {margin: 0; padding: 0;}
    body {font: 11px Verdana, Arial, Helvetica, sans-serif;
    margin: 0; padding: 0;
    background: rgb(200, 200, 200) ; color: black;}
    h1 {font-size: 200%; text-transform: lowercase; letter-spacing: 5px;}
    h3 {font-size: 133%; margin: 0; padding: 0;
    border-bottom: 1px solid black;}
    h4 {font-size: 100%; margin: 0; padding: 0.33em 0 0;
    border-bottom: 1px solid black; color: black;}
    p {line-height: 1.68;}
    div#menu {border: 2px solid black; position: absolute;
    top: 25px; left: 10px; z-index: 100;
    width: 160px; background: white;}
    div#pic2 {position: absolute;
    top: 30px; left: 335px; z-index: 10;}
    div#run {position: absolute;
    top: 08px; left: 285px; z-index: 11;}
    div#map {border: 2px solid black; position: absolute;
    top: 25px; left: 205px; width: 160px; background: white; z-index: 100;}
    div#map a {display: block; padding: 2px 0 2px 10px; margin: 0;
    border-left: 5px solid rgb(128, 128, 128);}
    div#map a:hover {background: rgb(184, 184, 184);}
    div#news {border: 2px solid black; margin: 0; padding: 0;
    width: 75%; position: absolute; top: 110px; left: 198px;
    z-index: 90; background: white;}
    div#pic {border-left: 3px; position: absolute;
    top: 125px; left: 130px; z-index: 10;}
    div#bcg {position: absolute; top: 0; left: 0; z-index: 0;}
    div#register {position: absolute; top: 170px; left: 0;
    z-index: 100; border: 2px solid black;
    background: white; width: 160;}
    div#corner {position: absolute; top: 30px; left: 121px; z-index: 10;}
    div#logo {position: absolute; top: 45px; right: 30px; z-index: 100}
    div#adminLinks {position: absolute; top: 93px; left: 400px; z-index: 100}

    </style>



    and then you can see the page at
    http://141.158.44.132:90/root2/
  10. #6
  11. mod_dev_shed
    Devshed Supreme Being (6500+ posts)

    Join Date
    Sep 2002
    Location
    Atlanta, GA
    Posts
    14,817
    Rep Power
    1100
    That's some wacky code. I've never seen anybody use multiple <html> and <head> tags throughout a page, but hey, it's working in the other browsers right? This might be your problem though so I'd go back to basic, proper syntax:
    Code:
    <html>
    <head>
    <title></title>
    <style></style>
    </head>
    <body>
    </body>
    </html>
  12. #7
  13. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2002
    Location
    Blacksburg VA/Philly PA
    Posts
    38
    Rep Power
    13
    hrmm i think i accidently included php files with extra html tags, i'll try fixing that and see what occurs
  14. #8
  15. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2002
    Location
    Blacksburg VA/Philly PA
    Posts
    38
    Rep Power
    13
    stripped the tags, no dice.
  16. #9
  17. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2001
    Location
    Wellingborough, Northants, UK
    Posts
    103
    Rep Power
    14

    ERM...?


    Hi pschmerg

    I though your problem was a bit intriguing so I had a quick look at your site using IE 6.0... Only problem was I couldn't see which bit of text was not appearing correctly... It may be that I need coffee or I'm just blind...

    could you point out the text that is causing problems?

    ta,

    Dan
    DELETE FROM pay WHERE employee_name ='Dan';
  18. #10
  19. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2000
    Posts
    41
    Rep Power
    15
    ie 6.0 here... page looks good...

IMN logo majestic logo threadwatch logo seochat tools logo