http;//www.digitpress.com/DPNEW
<!-- m --><a class="postlink" href="http://www.digitpress.com/DPNEW/style.css">http://www.digitpress.com/DPNEW/style.css</a><!-- m -->
I've tested the site in just about every browser on every platform, and is passes with flying colors, or within acceptable limits.....except IE5Mac. Here is a screenshot for those that don't have the browser:
<!-- m --><a class="postlink" href="http://www.spaceballsthewebsite.com/stu/iescreencap.pdf">http://www.spaceballsthewebsite.com/stu/iescreencap.pdf</a><!-- m -->
The breadcrumbs obviously should be placed a bit higher and centered vertically in the red bar, while the page content scrolls horizontally off the page width. I can't figure out how to correct these errors with out breaking the site in every other browser.
Is there an easy fix that I am missing? Or is IE5Mac so horribly obsolete that I shouldn't even worry about it? Yes I realize this is a horrible design ethicand would much prefer finding a solution, but is ignoring a probable ~.1% of all Internet users (derived from the stats by w3schools) really worth the hassle in a website with a niche this small?sisko,
Hi, try adding a background color to #searchFormContainer and the a different color to #path. When viewed with IE5 mac, you should be able to see what the problem is. For the text problem, I had good results when I removed "position: absolute" from all elements.
-MikeOriginally posted by Wart_Hog
sisko,
Hi, try adding a background color to #searchFormContainer and the a different color to #path. When viewed with IE5 mac, you should be able to see what the problem is. For the text problem, I had good results when I removed "position: absolute" from all elements.
-Mike
I added the background-color, but don't know how it looks it IE5Mac, since I don't have a Mac =)
The only problem with removing the position: absolute in the "left" container is that it causes the page to break in Opera 7.51.
Is there any hack that can be seen ONLY by IE5Mac?I just remembered that any floated elements need a width stated with them. I implemented them, are the breadcrumbs at least positioned correctly now?Hi,
Sorry, I didn't know that you don't have access to IE5 mac. I checked the page again, and the problem is still there. If you could see the page, you would see 2 horizontal stripes running across the page, one yellow, one green. The problem here is that IE5 is giving each div 100% width. Setting a with for each div does fix this (although I don't see a change as of now).The only problem with removing the position: absolute in the "left" container is that it causes the page to break in Opera 7.51.I removed "position: absolute" from the body and #left. Opera 7.54 shows a good page.Is there any hack that can be seen ONLY by IE5Mac?.className {enter style for IE-mac}
/* Hides from IE-mac \*/
.className {enter style for all other browsers}
/* End hide from IE-mac */-MikeI implemented the hack and theoretically, the sidescrolling problem should be corrected. Hopefully.
Did it work?Originally posted by sisko
I implemented the hack and theoretically, the sidescrolling problem should be corrected. Hopefully.
Did it work? No changes here, but when I looked at the CSS, I didn' see the hack either...
also, I had luck by implementing:#searchFormContainer{
text-align: left;
float: left;
width:49%;
padding: 0px;
padding-left: .5em;
margin: 0px;
vertical-align: middle;
background-color: #00FF33;
}
#path{
text-align: right;
float: right;
width:49%;
margin-top: 0px;
font-weight: bold;
padding-right: .5em;
background-color:#FFFF66;
}
-MikeStrange. Did you add those widths, or did you change from the width: auto; that I had just put there?
Did you force reload for browser (ctrl + f5 for us windows users)?I think I got it, thank you
<!-- m --><a class="postlink" href="http://www.digitpress.com/DPNEW/style.css">http://www.digitpress.com/DPNEW/style.css</a><!-- m -->
I've tested the site in just about every browser on every platform, and is passes with flying colors, or within acceptable limits.....except IE5Mac. Here is a screenshot for those that don't have the browser:
<!-- m --><a class="postlink" href="http://www.spaceballsthewebsite.com/stu/iescreencap.pdf">http://www.spaceballsthewebsite.com/stu/iescreencap.pdf</a><!-- m -->
The breadcrumbs obviously should be placed a bit higher and centered vertically in the red bar, while the page content scrolls horizontally off the page width. I can't figure out how to correct these errors with out breaking the site in every other browser.
Is there an easy fix that I am missing? Or is IE5Mac so horribly obsolete that I shouldn't even worry about it? Yes I realize this is a horrible design ethicand would much prefer finding a solution, but is ignoring a probable ~.1% of all Internet users (derived from the stats by w3schools) really worth the hassle in a website with a niche this small?sisko,
Hi, try adding a background color to #searchFormContainer and the a different color to #path. When viewed with IE5 mac, you should be able to see what the problem is. For the text problem, I had good results when I removed "position: absolute" from all elements.
-MikeOriginally posted by Wart_Hog
sisko,
Hi, try adding a background color to #searchFormContainer and the a different color to #path. When viewed with IE5 mac, you should be able to see what the problem is. For the text problem, I had good results when I removed "position: absolute" from all elements.
-Mike
I added the background-color, but don't know how it looks it IE5Mac, since I don't have a Mac =)
The only problem with removing the position: absolute in the "left" container is that it causes the page to break in Opera 7.51.
Is there any hack that can be seen ONLY by IE5Mac?I just remembered that any floated elements need a width stated with them. I implemented them, are the breadcrumbs at least positioned correctly now?Hi,
Sorry, I didn't know that you don't have access to IE5 mac. I checked the page again, and the problem is still there. If you could see the page, you would see 2 horizontal stripes running across the page, one yellow, one green. The problem here is that IE5 is giving each div 100% width. Setting a with for each div does fix this (although I don't see a change as of now).The only problem with removing the position: absolute in the "left" container is that it causes the page to break in Opera 7.51.I removed "position: absolute" from the body and #left. Opera 7.54 shows a good page.Is there any hack that can be seen ONLY by IE5Mac?.className {enter style for IE-mac}
/* Hides from IE-mac \*/
.className {enter style for all other browsers}
/* End hide from IE-mac */-MikeI implemented the hack and theoretically, the sidescrolling problem should be corrected. Hopefully.
Did it work?Originally posted by sisko
I implemented the hack and theoretically, the sidescrolling problem should be corrected. Hopefully.
Did it work? No changes here, but when I looked at the CSS, I didn' see the hack either...
also, I had luck by implementing:#searchFormContainer{
text-align: left;
float: left;
width:49%;
padding: 0px;
padding-left: .5em;
margin: 0px;
vertical-align: middle;
background-color: #00FF33;
}
#path{
text-align: right;
float: right;
width:49%;
margin-top: 0px;
font-weight: bold;
padding-right: .5em;
background-color:#FFFF66;
}
-MikeStrange. Did you add those widths, or did you change from the width: auto; that I had just put there?
Did you force reload for browser (ctrl + f5 for us windows users)?I think I got it, thank you