Skip navigation
Third_Dimension
Currently Being Moderated

Issue with viewing site in IE6

Jul 10, 2008 8:02 PM

Hey guys.

I've been working on my uncles website for sometime now, and one thing i've learned that i seriously hate is browser to browser compatibility.

I've worked through most problems but one still remains. I've searched around but haven't been able to find anything on it.

The site works quite well in IE7 and Mozilla Firefox, however when viewing the homepage in IE6, the left side of the page is positioned below the ending of the right side of the page, when really they should be next to one another

http://noelscaricaturesandcollectables.com

I would be grateful for any help, but please try and make it simple as i'm still only a newbie.

Thanks.

Jesse
 
Replies
  • Currently Being Moderated
    Calculating status...
    Jul 11, 2008 6:14 AM   in reply to Third_Dimension
    Hey, yes with you on the browser stuff...how nice would it be if they all behaved the same....anway.

    Check out the cssadviser at:
    http://www.adobe.com/cfusion/communityengine/index.cfm?event=homepage& productId=1
    it's brilliant. People let you know of troubles they've had with browser and how they've fixed them...I use this alot!

    Good luck
    Shelley
     
    |
    Mark as:
  • Currently Being Moderated
    Jul 11, 2008 8:57 AM   in reply to Third_Dimension
    Wow thanks for the great links
     
    |
    Mark as:
  • Currently Being Moderated
    Jul 11, 2008 5:06 PM   in reply to Third_Dimension
    IE box
    by CGrint73 on July 11, 2008

    Internet Explore prior to v7 has a problem counting, in that it does not add
    up your div's to the 100% tey should be of the available space other
    browsers correctly do.
    To get around this you can use the underscore hack to place a different
    width in your style for one or more of your divs which make your design,
    making at least one of them smaller for IE 6 should fix this problem for
    you.

    You simply repeat your width, and on the second one prefix it with a _

    For example, if you had a div called 'maincontent' which was 600px wide, you
    would do the following

    #maincontent {
    width: 600px;
    _width: 550px;
    }

    This would result in IE (v6 and before) using the 550px (you must place the
    _ version last), you will need to play around to find out the exact width to
    use in IE.

    You can also target all versions of IE using # instead of _, IE 7 dropped
    the _ hack, but any version before it, still recognises it.

    IE box
    by CGrint73 on July 11, 2008

    Internet Explore prior to v7 has a problem counting, in that it does not add
    up your div's to the 100% tey should be of the available space other
    browsers correctly do.
    To get around this you can use the underscore hack to place a different
    width in your style for one or more of your divs which make your design,
    making at least one of them smaller for IE 6 should fix this problem for
    you.

    You simply repeat your width, and on the second one prefix it with a _

    For example, if you had a div called 'maincontent' which was 600px wide, you
    would do the following

    #maincontent {
    width: 600px;
    _width: 550px;
    }

    This would result in IE (v6 and before) using the 550px (you must place the
    _ version last), you will need to play around to find out the exact width to
    use in IE.

    You can also target all versions of IE using # instead of _, IE 7 dropped
    the _ hack, but any version before it, still recognises it.



    "Third Dimension" <webforumsuser@macromedia.com> wrote in message
    news:g56ife$nb8$1@forums.macromedia.com...
    > Hey guys.
    >
    > I've been working on my uncles website for sometime now, and one thing
    > i've
    > learned that i seriously hate is browser to browser compatibility.
    >
    > I've worked through most problems but one still remains. I've searched
    > around
    > but haven't been able to find anything on it.
    >
    > The site works quite well in IE7 and Mozilla Firefox, however when viewing
    > the
    > homepage in IE6, the left side of the page is positioned below the ending
    > of
    > the right side of the page, when really they should be next to one another
    >
    > http://noelscaricaturesandcollectables.com
    >
    > I would be grateful for any help, but please try and make it simple as i'm
    > still only a newbie.
    >
    > Thanks.
    >
    > Jesse
    >


     
    |
    Mark as:
  • Currently Being Moderated
    Jul 12, 2008 9:18 AM   in reply to Newsgroup_User
    Hey Jesse -

    Add the new code to the CSS file named style.css (it's in the "pages"
    folder)
    Look for div container rules which specify widths



    "Third Dimension" <webforumsuser@macromedia.com> wrote in message
    news:g593mn$ig6$1@forums.macromedia.com...
    >
    quote:

    Originally posted by: Newsgroup User
    > IE box
    > by CGrint73 on July 11, 2008
    >
    > Internet Explore prior to v7 has a problem counting, in that it does not
    > add
    > up your div's to the 100% tey should be of the available space other
    > browsers correctly do.
    > To get around this you can use the underscore hack to place a different
    > width in your style for one or more of your divs which make your design,
    > making at least one of them smaller for IE 6 should fix this problem for
    > you.
    >
    > You simply repeat your width, and on the second one prefix it with a _
    >
    > For example, if you had a div called 'maincontent' which was 600px wide,
    > you
    > would do the following
    >
    > #maincontent {
    > width: 600px;
    > _width: 550px;
    > }
    >
    > This would result in IE (v6 and before) using the 550px (you must place
    > the
    > _ version last), you will need to play around to find out the exact width
    > to
    > use in IE.
    >
    > You can also target all versions of IE using # instead of _, IE 7 dropped
    > the _ hack, but any version before it, still recognises it.
    >
    > IE box
    > by CGrint73 on July 11, 2008
    >
    > Internet Explore prior to v7 has a problem counting, in that it does not
    > add
    > up your div's to the 100% tey should be of the available space other
    > browsers correctly do.
    > To get around this you can use the underscore hack to place a different
    > width in your style for one or more of your divs which make your design,
    > making at least one of them smaller for IE 6 should fix this problem for
    > you.
    >
    > You simply repeat your width, and on the second one prefix it with a _
    >
    > For example, if you had a div called 'maincontent' which was 600px wide,
    > you
    > would do the following
    >
    > #maincontent {
    > width: 600px;
    > _width: 550px;
    > }
    >
    > This would result in IE (v6 and before) using the 550px (you must place
    > the
    > _ version last), you will need to play around to find out the exact width
    > to
    > use in IE.
    >
    > You can also target all versions of IE using # instead of _, IE 7 dropped
    > the _ hack, but any version before it, still recognises it.
    >
    >
    >
    > "Third Dimension" <webforumsuser@macromedia.com> wrote in message
    > news:g56ife$nb8$1@forums.macromedia.com...
    > > Hey guys.
    > >
    > > I've been working on my uncles website for sometime now, and one thing
    > > i've
    > > learned that i seriously hate is browser to browser compatibility.
    > >
    > > I've worked through most problems but one still remains. I've searched
    > > around
    > > but haven't been able to find anything on it.
    > >
    > > The site works quite well in IE7 and Mozilla Firefox, however when
    > > viewing
    > > the
    > > homepage in IE6, the left side of the page is positioned below the
    > > ending
    > > of
    > > the right side of the page, when really they should be next to one
    > > another
    > >
    > > http://noelscaricaturesandcollectables.com
    > >
    > > I would be grateful for any help, but please try and make it simple as
    > > i'm
    > > still only a newbie.
    > >
    > > Thanks.
    > >
    > > Jesse
    > >
    >
    >
    >

    >
    > I read that, but like i said i'm not sure how to implement it - the code
    > that
    > is.
    >
    > I'm still fairly new to this stuff.
    >
    > I've added some code as to where i think i may have to be looking at. If
    > that
    > is where i need to be inserting it then how would i do so?
    >
    > Thanks.
    >
    >
    >
    >
    > <div id="right">
    > <h1 align="left" class="style16">Artist's Choice</h1>
    > <table width="399" border="0" align="center" cellpadding="2">
    > <tr>
    > <td width="15" height="40" align="center"
    > valign="middle"> </td>
    > <td width="168" rowspan="2" align="center"
    > valign="middle"><form name="form1">
    >
    >
    >
    >
    >
    >
    >
    >
    > <div id="left">
    >
    >
    > <h1 align="left" class="style16">Latest Additions </h1>
    > <table width="424" border="0">
    > <tr>
    > <td width="33"> </td>
    > <td width="381"><div align="left"><strong>
    >


     
    |
    Mark as:
  • Currently Being Moderated
    Jul 13, 2008 2:40 PM   in reply to Newsgroup_User
    Your welcome -

    Try this:

    div#frontpage div#left {
    width: 49%;
    }

    div#frontpage div#right {
    float: right;
    width: 49%;
    }



    "Third Dimension" <webforumsuser@macromedia.com> wrote in message
    news:g5c1eu$ms1$1@forums.macromedia.com...
    > Hey thanks for your reply.
    >
    > I fiddled with it a bit, but to not much avail. I've attached the code i
    > was
    > looking at. I was fiddling with div container 3?
    >
    > div#container {
    > height: 100%;
    > background-image: url(imgs/bg2.jpg);
    > background-position: center;
    > }
    >
    > div#container2 {
    > background-image: url(imgs/bg2.jpg);
    > background-position: center;
    > }
    >
    > div#container3 {
    > width: 864px;
    > margin: auto;
    > }
    >


     
    |
    Mark as:
  • Currently Being Moderated
    Jul 13, 2008 11:14 PM   in reply to Newsgroup_User
    On Mon, 14 Jul 2008 06:00:55 +0000 (UTC), "Third Dimension"
    <webforumsuser@macromedia.com> wrote:

    >Thankyou thankyou thankyou very much!
    >
    >Very pleased to know it's working now. That was the last real technical issue i had and i'm glad it's out of the way.
    >
    >Very much appreciated. :)

    Just fix these and it will be better still

    http://validator.w3.org/check?uri=http%3A%2F%2Fnoelscaricaturesandcoll ectables.com%2F&charset=(detect+automatically)&doctype=Inline&ss=1&gro up=0&verbose=1

    --

    ~Malcolm~*...
    ~*
     
    |
    Mark as:
  • Currently Being Moderated
    Jul 14, 2008 2:53 PM   in reply to Newsgroup_User
    You're welcome pal..
    Now fix your spelling on "Feature peice" (so/b piece)



    "Third Dimension" <webforumsuser@macromedia.com> wrote in message
    news:g5eq2n$mvs$1@forums.macromedia.com...
    > Thankyou thankyou thankyou very much!
    >
    > Very pleased to know it's working now. That was the last real technical
    > issue i had and i'm glad it's out of the way.
    >
    > Very much appreciated. :)


     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points