Results 1 to 8 of 8

Thread: Pre IE8 Div Positioning

  1. #1
    lazy student nvening's Avatar
    Join Date
    Jan 2005
    Location
    London
    Posts
    4,656
    Thanks
    196
    Thanked
    31 times in 30 posts

    Pre IE8 Div Positioning

    Hi,

    For some reason i cant get this to work in pre IE8 (obviously everything else is fine )

    This home page here: http://finaledge.co.uk/dev/gkelly/

    In IE7 the right column will only align itself to the top of the british meat image. At first i thought this was something which could be fixed by using clear:both but that didnt help :/

    Any ideas??

    Cheers, Neil

    HTML:
    Code:
    <div id="home">
    <div class="homebox">
    <div class="boxheader">G. Kelly of Roman Road, Bow</div>
    <div class="boxtxt">
    <p style="font-size: 16px;">
    Pie and Mash, the traditional meal of London's East End! Eat in or take away from our shop as thousands of Londoners have been doing so for over <b>seventy years!</b>
    </p>
    <p>
    We serve Pie and Mash with parsley liquor, along with stewed and jellied eels, all in the heart of London's East End. All our pies are made and cooked in our shop, using quality British ingredients.
    </p>
    <p>
    As well as the traditional Beef pies we now produce and sell vegetarian or chicken pies, sausage and mash, as well as a selection of fruit pies and crumbles.
    </p>
    </div>
    </div>
    
    <div class="meat">
    </div>
    
    <div class="eventsbox">
    <div class="boxheader"><a class="boxheader" href="event-catering.php" >Event Catering</a></div>
    <div class="boxtxt">
    <p>
    Our Traditional Pie and Mash with Liquor, as well as cooked and jellied eels, make excellent, well priced options for any function.
    </p>
    <a class="boxlnk" href="event-catering.php" >Event Catering</a>
    
    </div>
    </div>
    
    <div class="commentsbox">
    <div class="boxheader"><a class="boxheader" href="comments.php" >Your Comments</a></div>
    <div class="boxtxt">
    <p>
    Have you got a story to tell about our shop, Pie and Mash, Bow or London's East End?
    </p>
    <p>
    Or would you like to give feedback on our shop, website or services? 
    </p>
    Visit our <a class="boxlnk" href="comments.php">comments</a> page.
    
    </div>
    </div>
    
    </div>
    CSS:
    Code:
    .homebox
    {
    float: left;
    margin-left: 25px;
    width: 405px;
    padding: 1px;
    background-color: white;
    opacity: .85; filter: alpha(opacity=80);
    }
    
    .eventsbox
    {
    margin-left: 450px;
    width: 255px;
    padding: 1px;
    background-color: white;
    opacity: .85; filter: alpha(opacity=80);
    }
    
    .commentsbox
    {
    margin-top: 15px;
    margin-left: 450px;
    width: 255px;
    padding: 1px;
    background-color: white;
    opacity: .85; filter: alpha(opacity=80);
    }
    
    .boxheader
    {
    padding: 8px;
    font-family: helvetica, arial;
    font-size: 22px;
    color: white;
    background-color: #231f20;
    }
    
    .meat
    {
    float: left;
    opacity: .85; filter: alpha(opacity=85);
    background-image: url(/dev/gkelly/body_img/meat.png);
    background-repeat: no-repeat;
    background-color: white;
    width: 407px;
    height: 85px;
    margin-left: 25px;
    margin-top: 15px;
    }
    (\__/)
    (='.'=)
    (")_(")

  2. #2
    Gentoo Ricer
    Join Date
    Jan 2005
    Location
    Galway
    Posts
    11,048
    Thanks
    1,016
    Thanked
    944 times in 704 posts
    • aidanjt's system
      • Motherboard:
      • Asus Strix Z370-G
      • CPU:
      • Intel i7-8700K
      • Memory:
      • 2x8GB Corsiar LPX 3000C15
      • Storage:
      • 500GB Samsung 960 EVO
      • Graphics card(s):
      • EVGA GTX 970 SC ACX 2.0
      • PSU:
      • EVGA G3 750W
      • Case:
      • Fractal Design Define C Mini
      • Operating System:
      • Windows 10 Pro
      • Monitor(s):
      • Asus MG279Q
      • Internet:
      • 240mbps Virgin Cable

    Re: Pre IE8 Div Positioning

    Do you really *need* to support pre-IE8 bugs on this site? :/
    Quote Originally Posted by Agent View Post
    ...every time Creative bring out a new card range their advertising makes it sound like they have discovered a way to insert a thousand Chuck Norris super dwarfs in your ears...

  3. #3
    cmd
    cmd is offline
    Registered+
    Join Date
    Sep 2009
    Posts
    28
    Thanks
    0
    Thanked
    3 times in 3 posts

    Re: Pre IE8 Div Positioning

    Doing this seems to help:
    move your .meat div to be inside your .homebox div (so before the closing tag for the .homebox div)

    Quote Originally Posted by aidanjt View Post
    Do you really *need* to support pre-IE8 bugs on this site? :/
    http://marketshare.hitslink.com/brow...e.aspx?qprid=2
    http://www.w3schools.com/browsers/browsers_stats.asp
    Depressing, isn't it?

  4. Received thanks from:

    scaryjim (16-11-2009)

  5. #4
    Not a good person scaryjim's Avatar
    Join Date
    Jan 2009
    Location
    Gateshead
    Posts
    15,196
    Thanks
    1,230
    Thanked
    2,291 times in 1,874 posts
    • scaryjim's system
      • Motherboard:
      • Dell Inspiron
      • CPU:
      • Core i5 8250U
      • Memory:
      • 2x 4GB DDR4 2666
      • Storage:
      • 128GB M.2 SSD + 1TB HDD
      • Graphics card(s):
      • Radeon R5 230
      • PSU:
      • Battery/Dell brick
      • Case:
      • Dell Inspiron 5570
      • Operating System:
      • Windows 10
      • Monitor(s):
      • 15" 1080p laptop panel

    Re: Pre IE8 Div Positioning

    Quote Originally Posted by cmd View Post
    Not directly related to the OPs question (I'm afraid I don't really have time to trudge through the HTML & CSS this evening, but I'll try to have a look later in the week: in the meantime apologies for the threadjack!) but I had to stop and say thanks for this links - I'm continuously explaining to my boss that I need to code for web standards first and fix IE later, and he always says something like "well, everyone uses IE don't they? Don't know why you bother with these others". The stats here are just what I need to point out to him that IE<8 isn't as prevalent as he'd like to think!

    The number of people still using IE6 really *is* depressing though: that's 23% of the world's XP computers that have automatic updates turned off completely! No wonder malware is so rampant...

  6. #5
    jim
    jim is offline
    HEXUS.clueless jim's Avatar
    Join Date
    Sep 2008
    Location
    Location: Location:
    Posts
    11,435
    Thanks
    612
    Thanked
    1,639 times in 1,304 posts
    • jim's system
      • Motherboard:
      • Asus Maximus IV Gene-Z
      • CPU:
      • i5 2500K @ 4.5GHz
      • Memory:
      • 8GB Corsair Vengeance LP
      • Storage:
      • 1TB Sandisk SSD
      • Graphics card(s):
      • ASUS GTX 970
      • PSU:
      • Corsair AX650
      • Case:
      • Silverstone Fortress FT03
      • Operating System:
      • 8.1 Pro
      • Monitor(s):
      • Dell S2716DG
      • Internet:
      • 10 Mbps ADSL

    Re: Pre IE8 Div Positioning

    Quote Originally Posted by scaryjim View Post
    Not directly related to the OPs question (I'm afraid I don't really have time to trudge through the HTML & CSS this evening, but I'll try to have a look later in the week: in the meantime apologies for the threadjack!) but I had to stop and say thanks for this links - I'm continuously explaining to my boss that I need to code for web standards first and fix IE later, and he always says something like "well, everyone uses IE don't they? Don't know why you bother with these others". The stats here are just what I need to point out to him that IE<8 isn't as prevalent as he'd like to think!

    The number of people still using IE6 really *is* depressing though: that's 23% of the world's XP computers that have automatic updates turned off completely! No wonder malware is so rampant...
    I've got PCs at work that have automatic updates fully enabled, and they're currently sitting there at the moment waiting for me to push ahead with the installation of IE8, so that's not strictly true. It's not appearing as essential, so it's just sitting there on a few machines doing nothing.

    No idea how it's happened, but it is certainly the case. Until I unleash WSUS on them, at least

  7. #6
    Not a good person scaryjim's Avatar
    Join Date
    Jan 2009
    Location
    Gateshead
    Posts
    15,196
    Thanks
    1,230
    Thanked
    2,291 times in 1,874 posts
    • scaryjim's system
      • Motherboard:
      • Dell Inspiron
      • CPU:
      • Core i5 8250U
      • Memory:
      • 2x 4GB DDR4 2666
      • Storage:
      • 128GB M.2 SSD + 1TB HDD
      • Graphics card(s):
      • Radeon R5 230
      • PSU:
      • Battery/Dell brick
      • Case:
      • Dell Inspiron 5570
      • Operating System:
      • Windows 10
      • Monitor(s):
      • 15" 1080p laptop panel

    Re: Pre IE8 Div Positioning

    Quote Originally Posted by snootyjim View Post
    ... they're currently sitting there at the moment waiting for me to push ahead with the installation of IE8 ...
    But they are, presumably, sitting there running IE7 at the minute?

    to be fair, I know a fair amount of those will be people who cannot upgrade for a variety of reasons (18 months ago I was working in an NHS trust that was still on IE6 because their in-house systems wouldn't run properly under IE7, and where I work now we're all mandated to IE7 because some components of our financial system won't work under IE8), but that's almost entirely down to bad programming practices in the first place, many of which were caused by the lack of standards compliance in IE! *sigh*

    Of course, my main dev machine is currently on IE7 because I need to check my IE css fixes have worked properly

  8. #7
    lazy student nvening's Avatar
    Join Date
    Jan 2005
    Location
    London
    Posts
    4,656
    Thanks
    196
    Thanked
    31 times in 30 posts

    Re: Pre IE8 Div Positioning

    I dont mind coding for IE7 but no way - in hell - am i ever coding for IE 6 again XD

    And thats for the help, ill give it a try when im back working on it next week - it was confusing me much
    (\__/)
    (='.'=)
    (")_(")

  9. #8
    jim
    jim is offline
    HEXUS.clueless jim's Avatar
    Join Date
    Sep 2008
    Location
    Location: Location:
    Posts
    11,435
    Thanks
    612
    Thanked
    1,639 times in 1,304 posts
    • jim's system
      • Motherboard:
      • Asus Maximus IV Gene-Z
      • CPU:
      • i5 2500K @ 4.5GHz
      • Memory:
      • 8GB Corsair Vengeance LP
      • Storage:
      • 1TB Sandisk SSD
      • Graphics card(s):
      • ASUS GTX 970
      • PSU:
      • Corsair AX650
      • Case:
      • Silverstone Fortress FT03
      • Operating System:
      • 8.1 Pro
      • Monitor(s):
      • Dell S2716DG
      • Internet:
      • 10 Mbps ADSL

    Re: Pre IE8 Div Positioning

    Quote Originally Posted by scaryjim View Post
    But they are, presumably, sitting there running IE7 at the minute?
    Nope, some of them are IE6.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. windows 7 pre order
    By Georgy291 in forum Software
    Replies: 221
    Last Post: 03-08-2009, 10:08 PM
  2. Should I build or buy a pre built system
    By TheChamp1000 in forum PC Hardware and Components
    Replies: 30
    Last Post: 29-05-2009, 02:02 PM
  3. Replies: 8
    Last Post: 19-01-2008, 05:23 PM
  4. Minimum DIV Height CSS
    By ACiD303 in forum Software
    Replies: 10
    Last Post: 24-04-2007, 02:31 AM

Posting Permissions

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