[css-d] IE positioning error
Hi, I am working on this site (http://www.aandhc.com/sandbox/) on the projects page there is horizontal divider at the bottom. The divider is positioned correctly FF,Chrome but not IE. I'd appreciate any suggestions on this issue or any other issues that are found. Thanks -- -bdot There are only 10 kinds of people in this world. Those who understand binary and those who don't __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE positioning error
Hi, I am working on this site (http://www.aandhc.com/sandbox/) on the projects page there is horizontal divider at the bottom. The divider is positioned correctly FF,Chrome but not IE. I'd appreciate any suggestions on this issue or any other issues that are found. Thanks -- -bdot There are only 10 kinds of people in this world. Those who understand binary and those who don't __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE positioning error
I'm a fairly new coder. About 6 months into this, but as I look at your site with Chrome or FF it appears there is a white band in the approx center of the page that contains your main text and the horizontal rule lines. Above and below that is a space where it appears you can view the woodgrain background image you have for your body. With IE, I don't see that space on the bottom of the page. The white band with your text is pushed to the bottom of the page. I was building a site with space above, and below my wrapper created by margin. I soon figured out that IE would not read or render the bottom margin. My suggestion, and as was my fix, is I put an empty div below my wrapper. The area where I wanted to create space. Giving it width and height the same as I had for top margin above my wrapper. I took away the bottom margin, and let all browsers including IE read an empty div. Maybe I'm wrong about that but it worked for me. Upadam __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE positioning error
Hi folks, I'm having a problem in IE with an image not properly displaying. If you look at this link in Firefox, you will see that the image of the graph shows to the right of the sidebar: http://policytree.org/tree.php? root=1active=1PHPSESSID=4cff8731191b9c0c9694971b188a1c8e now take a look in IE; the image falls down below the sidebar. This doesn't happen for all the graphs, just the ones that go off the edge of the right side of the page. Anyone know how to fix this? Thanks, --Andrew __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE positioning error
Andrew Mason wrote:
http://policytree.org/tree.php?
root=1active=1PHPSESSID=4cff8731191b9c0c9694971b188a1c8e
now take a look in IE; the image falls down below the sidebar. This
doesn't happen for all the graphs, just the ones that go off the edge
of the right side of the page. Anyone know how to fix this?
One option:
#sidebar {
float: left;
width: 200px;
margin-right: -200px;
}
...removes float[1]. The sidebar acts as the combination of a float and
an absolute positioned element.
In short: sidebar doesn't take up space, but display as normal.
#graph{
margin-left: 201px;
float: left;
display: inline;
}
...float the wide element and correct 'margin-doubling-bug' in IE/win.
regards
Georg
[1]http://www.gunlaug.no/contents/wd_demo_float_03.html
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
