Issue with viewing site in IE6

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

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/communi...age&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

I found someone i think with the same problem to myself, but i'm not quite sure
if it's the right instruction given or if it's appropriate for what i'm trying
to do.


http://www.adobe.com/cfusion/communi...etails&postId=
9683&productId=1&loc=en_US

The guy instructs to put some code, but i think the code is adverse to the
code i have, and i'm unsure of how to implement it.

Any help would be greatly appreciated.

Wow thanks for the great links

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 (AT) macromedia (DOT) com> wrote

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

[q]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 (AT) macromedia (DOT) com> wrote

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

[/q]

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">&nbsp;</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">&nbsp;</td>
<td width="381"><div align="left"><strong>

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 (AT) macromedia (DOT) com> wrote

[q]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 (AT) macromedia (DOT) com> wrote in message
news:g56ife$nb8$1 (AT) forums (DOT) 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



[/q]

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">&nbsp;</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">&nbsp;</td
td width="381"><div align="left"><strong

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;
}

Your welcome -

Try this:

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

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



"Third Dimension" <webforumsuser (AT) macromedia (DOT) com> wrote

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;
}

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.