9 replies [Last post]
Sushubh
Sushubh's picture
Offline
Regular
Last seen: 16 years 2 weeks ago
Joined: 2003-07-04
Posts: 17
Points: 0

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!

My Blog | Why Opera? 1 2 4

casey
casey's picture
Offline
Regular
Wisconsin, USA
Last seen: 5 years 10 weeks ago
Wisconsin, USA
Timezone: GMT-5
Joined: 2003-08-01
Posts: 17
Points: 0

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.

Sushubh
Sushubh's picture
Offline
Regular
Last seen: 16 years 2 weeks ago
Joined: 2003-07-04
Posts: 17
Points: 0

IE problem :D

strange in ie 6 sp1 i have this:

My Blog | Why Opera? 1 2 4

casey
casey's picture
Offline
Regular
Wisconsin, USA
Last seen: 5 years 10 weeks ago
Wisconsin, USA
Timezone: GMT-5
Joined: 2003-08-01
Posts: 17
Points: 0

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. :?

Sushubh
Sushubh's picture
Offline
Regular
Last seen: 16 years 2 weeks ago
Joined: 2003-07-04
Posts: 17
Points: 0

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.

My Blog | Why Opera? 1 2 4

jacky
Offline
newbie
Last seen: 15 years 48 weeks ago
Joined: 2003-08-14
Posts: 8
Points: 0

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.

Sushubh
Sushubh's picture
Offline
Regular
Last seen: 16 years 2 weeks ago
Joined: 2003-07-04
Posts: 17
Points: 0

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?

My Blog | Why Opera? 1 2 4

jacky
Offline
newbie
Last seen: 15 years 48 weeks ago
Joined: 2003-08-14
Posts: 8
Points: 0

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.

KnightWolfJK
KnightWolfJK's picture
Offline
Enthusiast
Washington, DC
Last seen: 12 years 4 weeks ago
Washington, DC
Timezone: GMT-5
Joined: 2003-06-10
Posts: 210
Points: 0

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...

Diplomacy is the art of letting someone have your way

Sushubh
Sushubh's picture
Offline
Regular
Last seen: 16 years 2 weeks ago
Joined: 2003-07-04
Posts: 17
Points: 0

IE problem :D

i am still getting hits from this thread... Tongue
the latest URL is:
http://blog.sushubh.com

table less layout, though blog calender is still using table...

My Blog | Why Opera? 1 2 4