Sun, 2003-08-17 14:16
I have this problem with Internet Explorer. I checked on IE6 sp1 so its a problem on all versions perhaps.
The page in question:
http://www.sushubh.com/b2/index.php
The page runs fine in Opera 7.11, FireBird 0.6.1
Fails in IE6 sp1 and Netscape 6 : The left and the right colomn are displayed at the end.
The concerned code:
#navBeta {
BORDER-RIGHT: black 1px dashed; PADDING-RIGHT: 10px; BORDER-TOP: black 1px dashed; PADDING-LEFT: 10px; Z-INDEX: 1; RIGHT: 20px; PADDING-BOTTOM: 10px; BORDER-LEFT: black 1px dashed; WIDTH: 168px; PADDING-TOP: 10px; BORDER-BOTTOM: black 1px dashed; POSITION: fixed; TOP: 20px; BACKGROUND-COLOR: #eee; voice-family: inherit
}
the problem part is POSITION: fixed. if i change it to POSITION: absolute it works fine but the columns does not scroll down.
Any ideas I can make it work in IE. or any ideas how to direct the css file to send the absolute code to IE and the original code to other browsers?
Thanks!
Sun, 2003-08-17 15:12
#1
Re: IE problem :D
I can't help you with your code, but I can report that your page seems to work fine in IE 5.1.6, Netscape 7, Opera 5, and Opera 6.02 for Mac OS 9.
The attached screenshot is from IE; it accurately represents what I see in all 4 browsers.
Sun, 2003-08-17 15:29
#2
IE problem :D
strange in ie 6 sp1 i have this:
Sun, 2003-08-17 18:07
#3
IE problem :D
IE Mac is a different animal: Mac programming from the ground up. Most reviewers say it's a much better browser than the Windows versions of IE, even though it's older. Go figure. :?
Sun, 2003-08-17 18:37
#4
IE problem :D
I know IE for mac. have worked in it for sometime. and loved it. interface and features still beat IE comprehensively. i had a download manager in built for god sake! IE for windows... cant understand why is it the way it is.
Sun, 2003-08-17 19:39
#5
IE problem :D
IE doesn't support "position: fixed". There is a hack but it's rather complicated: http://devnull.tagsoup.com/fixed/
So I would sugguest you to use "absolute" on IE but let those better browsers to have fix positioned navigation by adding these after your #navAlpha and #navBeta declaration:
body>#navBeta,
body>#navAlpha{
position: fixed;
}
Because IE can't understand child selector ">" and thus will ignore the rule. But in other supported browser, this would override the "absolute" setting.
Sun, 2003-08-17 20:07
#6
IE problem :D
works fine!
thanks
ok now this thing... is there any way to prevent the fixed position when the 2 panels get too big to fit on the screen.
for eg. http://www.sushubh.com/b2/index.php
on this page the right panel is already too big to fit on small screens. any way i can fix the static problem here? i read abt a overflow property... does it relate to this problem?
Sun, 2003-08-17 20:52
#7
IE problem :D
I have not tried them so I don't know if it works or not.
You can try to make the height of your fixed box in something like 85%, it should calculate the value according to the viewport. And add "overflow:auto" in your nav box declartion. The result is that when the content in that box exceeds the defined width and/or height, a scrollbar would appear.
Again it would be strange looking in IE as there is no need for such scrollbar, so place the overflow property in the child selector protected area.
Tue, 2003-08-19 21:14
#8
IE problem :D
Sushubh-
If Jacky's solution didn't work for you, your best bet to find an answer would be to post your new question in a new thread.
Good Luck...
Thu, 2003-10-23 19:45
#9
IE problem :D
i am still getting hits from this thread... 
the latest URL is:
http://blog.sushubh.com
table less layout, though blog calender is still using table...