CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed Forums > Web Design > CSS Help
Reload this Page

Sometimes displays in IE (IE7 fixed positioning issue)

Discuss Sometimes displays in IE (IE7 fixed positioning issue) in the CSS Help forum on Dev Shed.
Sometimes displays in IE (IE7 fixed positioning issue) Cascading Style Sheets (CSS) forum discussing all levels of CSS, including CSS1, CSS2 and CSS Positioning. CSS provides a robust way of applying standardized design concepts to your web pages.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Page 1 of 2 1 2 >
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old May 7th, 2008, 06:14 AM
Twisted_Daemon Twisted_Daemon is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: May 2008
Posts: 22 Twisted_Daemon User rank is Corporal (100 - 500 Reputation Level)Twisted_Daemon User rank is Corporal (100 - 500 Reputation Level)Twisted_Daemon User rank is Corporal (100 - 500 Reputation Level)Twisted_Daemon User rank is Corporal (100 - 500 Reputation Level) 
Time spent in forums: 7 h 23 m 56 sec
Reputation Power: 0
Sometimes displays in IE
Hi everyone,

I have posted here [HTML Programming] because I'm not entirely sure what forum this particular problem should be put in.

I have a fixed menu that I include using php. From looking at the source code I can see that it has definately included the menu. However IE only displays the menu 50% of the time.

I have no idea why. At first I thought it was because I have a javascript animation for it to slide down, but I removed that and I still get the same problem.

To see what I mean please visit twisted-reality.co.uk using IE and refresh a few times.

Firefox, Opera, Safari and Netscape all display the menu fine, but IE feels like it needs to be different.

I'm new to this forum but I hope someone can help

Twisted-Daemon
Reply With Quote
  #2  
Old May 7th, 2008, 09:27 AM
lokisapocalypse lokisapocalypse is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Apr 2005
Posts: 474 lokisapocalypse User rank is Second Lieutenant (5000 - 10000 Reputation Level)lokisapocalypse User rank is Second Lieutenant (5000 - 10000 Reputation Level)lokisapocalypse User rank is Second Lieutenant (5000 - 10000 Reputation Level)lokisapocalypse User rank is Second Lieutenant (5000 - 10000 Reputation Level)lokisapocalypse User rank is Second Lieutenant (5000 - 10000 Reputation Level)lokisapocalypse User rank is Second Lieutenant (5000 - 10000 Reputation Level)lokisapocalypse User rank is Second Lieutenant (5000 - 10000 Reputation Level) 
Time spent in forums: 4 Days 20 h 54 m 39 sec
Reputation Power: 92
Can you post the code? Without seeing it, I would guess that it could be an issue related to positioning or validation.
Reply With Quote
  #3  
Old May 7th, 2008, 09:28 AM
GameYin GameYin is offline
Banned
Dev Shed Novice (500 - 999 posts)
  
Join Date: Jan 2008
Location: Whiteford, MD
Posts: 534 GameYin User rank is First Lieutenant (10000 - 20000 Reputation Level)GameYin User rank is First Lieutenant (10000 - 20000 Reputation Level)GameYin User rank is First Lieutenant (10000 - 20000 Reputation Level)GameYin User rank is First Lieutenant (10000 - 20000 Reputation Level)GameYin User rank is First Lieutenant (10000 - 20000 Reputation Level)GameYin User rank is First Lieutenant (10000 - 20000 Reputation Level)GameYin User rank is First Lieutenant (10000 - 20000 Reputation Level)GameYin User rank is First Lieutenant (10000 - 20000 Reputation Level) 
Time spent in forums: 4 Days 23 h 22 m 54 sec
Reputation Power: 0
Send a message via AIM to GameYin
MySpace
Post first the PHP code. That stuff. Then, post the parsed PHP code. (Hit 'view source' on page load)
Reply With Quote
  #4  
Old May 7th, 2008, 11:52 AM
Kravvitz's Avatar
Kravvitz Kravvitz is offline
CSS & JS/DOM Adept
Dev Shed God 22nd Plane (15500 - 15999 posts)
  
Join Date: Jul 2004
Location: USA
Posts: 15,956 Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level) 
Time spent in forums: 3 Months 3 Weeks 5 Days 14 h 30 m 32 sec
Reputation Power: 1533
Why do you guys need the code posted here?

@Twisted_Daemon

Welcome to DevShed Forums, Twisted_Daemon.

Anyway, try removing the float:left from "#navbar".

What happens when JavaScript support isn't enabled in the user's browser? I am concerned that your code is not following JavaScript Best Practices. I strongly recommend you read up on them.

That navigation should be marked up as an unordered list.
I suggest you learn how semantics apply to X/HTML. Semantics is really a very important subject when it comes to X/HTML.

These three articles explain how to style lists.
http://www.alistapart.com/articles/taminglists/
http://css.maxdesign.com.au/listutorial/
http://www.webreference.com/programming/css_lists/
__________________
Spreading knowledge, one newbie at a time.

Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Dynamic Site Solutions

Design/program for Firefox (and/or Opera), apply fixes for IE, not the other way around.

I'm looking for new clients.
Reply With Quote
  #5  
Old May 7th, 2008, 12:06 PM
lokisapocalypse lokisapocalypse is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Apr 2005
Posts: 474 lokisapocalypse User rank is Second Lieutenant (5000 - 10000 Reputation Level)lokisapocalypse User rank is Second Lieutenant (5000 - 10000 Reputation Level)lokisapocalypse User rank is Second Lieutenant (5000 - 10000 Reputation Level)lokisapocalypse User rank is Second Lieutenant (5000 - 10000 Reputation Level)lokisapocalypse User rank is Second Lieutenant (5000 - 10000 Reputation Level)lokisapocalypse User rank is Second Lieutenant (5000 - 10000 Reputation Level)lokisapocalypse User rank is Second Lieutenant (5000 - 10000 Reputation Level) 
Time spent in forums: 4 Days 20 h 54 m 39 sec
Reputation Power: 92
Quote:
Originally Posted by Kravvitz
Why do you guys need the code posted here?

Oh haha I totally read over the part where he posted a link to his website. Good call.
Last edited by Kravvitz : May 7th, 2008 at 12:20 PM. Reason: must we quote the entire post? :p
Reply With Quote
  #6  
Old May 8th, 2008, 05:49 AM
Twisted_Daemon Twisted_Daemon is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: May 2008
Posts: 22 Twisted_Daemon User rank is Corporal (100 - 500 Reputation Level)Twisted_Daemon User rank is Corporal (100 - 500 Reputation Level)Twisted_Daemon User rank is Corporal (100 - 500 Reputation Level)Twisted_Daemon User rank is Corporal (100 - 500 Reputation Level) 
Time spent in forums: 7 h 23 m 56 sec
Reputation Power: 0
Hi guys,

I took away the the float statement from the css and commented out the start() function that called the javascript onload.

To get the menu into the HTML I'm using :
Code:
<div id="container">
      <div id="top">
        <img src="my header" alt="" />
      </div>

<?php include("menu.php"); ?>
    ^^^ This php statement here
      
      <div id="content">


The HTML for the menu is inserted correctly as you can see from the source code, however IE still only displays half of the time.

Even when no javascript is called onload.

What should appear is the closed menu ...
Reply With Quote
  #7  
Old May 8th, 2008, 06:16 AM
GameYin GameYin is offline
Banned
Dev Shed Novice (500 - 999 posts)
  
Join Date: Jan 2008
Location: Whiteford, MD
Posts: 534 GameYin User rank is First Lieutenant (10000 - 20000 Reputation Level)GameYin User rank is First Lieutenant (10000 - 20000 Reputation Level)GameYin User rank is First Lieutenant (10000 - 20000 Reputation Level)GameYin User rank is First Lieutenant (10000 - 20000 Reputation Level)GameYin User rank is First Lieutenant (10000 - 20000 Reputation Level)GameYin User rank is First Lieutenant (10000 - 20000 Reputation Level)GameYin User rank is First Lieutenant (10000 - 20000 Reputation Level)GameYin User rank is First Lieutenant (10000 - 20000 Reputation Level) 
Time spent in forums: 4 Days 23 h 22 m 54 sec
Reputation Power: 0
Send a message via AIM to GameYin
MySpace
Where did he post the link? I can't see it.

Edit: Too little sleep .
Reply With Quote
  #8  
Old May 8th, 2008, 06:25 AM
Twisted_Daemon Twisted_Daemon is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: May 2008
Posts: 22 Twisted_Daemon User rank is Corporal (100 - 500 Reputation Level)Twisted_Daemon User rank is Corporal (100 - 500 Reputation Level)Twisted_Daemon User rank is Corporal (100 - 500 Reputation Level)Twisted_Daemon User rank is Corporal (100 - 500 Reputation Level) 
Time spent in forums: 7 h 23 m 56 sec
Reputation Power: 0
The page is at twisted-reality.co.uk
Reply With Quote
  #9  
Old May 8th, 2008, 06:58 AM
GameYin GameYin is offline
Banned
Dev Shed Novice (500 - 999 posts)
  
Join Date: Jan 2008
Location: Whiteford, MD
Posts: 534 GameYin User rank is First Lieutenant (10000 - 20000 Reputation Level)GameYin User rank is First Lieutenant (10000 - 20000 Reputation Level)GameYin User rank is First Lieutenant (10000 - 20000 Reputation Level)GameYin User rank is First Lieutenant (10000 - 20000 Reputation Level)GameYin User rank is First Lieutenant (10000 - 20000 Reputation Level)GameYin User rank is First Lieutenant (10000 - 20000 Reputation Level)GameYin User rank is First Lieutenant (10000 - 20000 Reputation Level)GameYin User rank is First Lieutenant (10000 - 20000 Reputation Level) 
Time spent in forums: 4 Days 23 h 22 m 54 sec
Reputation Power: 0
Send a message via AIM to GameYin
MySpace
Gah it's blocked by my school
Reply With Quote
  #10  
Old May 8th, 2008, 12:21 PM
Kravvitz's Avatar
Kravvitz Kravvitz is offline
CSS & JS/DOM Adept
Dev Shed God 22nd Plane (15500 - 15999 posts)
  
Join Date: Jul 2004
Location: USA
Posts: 15,956 Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level) 
Time spent in forums: 3 Months 3 Weeks 5 Days 14 h 30 m 32 sec
Reputation Power: 1533
Does setting the top property make a difference? What about the left property?
Reply With Quote
  #11  
Old May 9th, 2008, 03:45 AM
Twisted_Daemon Twisted_Daemon is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: May 2008
Posts: 22 Twisted_Daemon User rank is Corporal (100 - 500 Reputation Level)Twisted_Daemon User rank is Corporal (100 - 500 Reputation Level)Twisted_Daemon User rank is Corporal (100 - 500 Reputation Level)Twisted_Daemon User rank is Corporal (100 - 500 Reputation Level) 
Time spent in forums: 7 h 23 m 56 sec
Reputation Power: 0
Quote:
Originally Posted by Kravvitz
Does setting the top property make a difference? What about the left property?


I'm actually not using the top or left property in my css. The content div is just set to float right so the fixed navbar just gets put in the top left by default I think.
Reply With Quote
  #12  
Old May 9th, 2008, 11:46 AM
Kravvitz's Avatar
Kravvitz Kravvitz is offline
CSS & JS/DOM Adept
Dev Shed God 22nd Plane (15500 - 15999 posts)
  
Join Date: Jul 2004
Location: USA
Posts: 15,956 Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level) 
Time spent in forums: 3 Months 3 Weeks 5 Days 14 h 30 m 32 sec
Reputation Power: 1533
Yes. I can see what your code is currently. However, I know that IE has issues calculating top:auto and left:auto. Hence, I'm curious if setting both to specific dimensions helps or not.
Reply With Quote
  #13  
Old May 9th, 2008, 12:06 PM
Twisted_Daemon Twisted_Daemon is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: May 2008
Posts: 22 Twisted_Daemon User rank is Corporal (100 - 500 Reputation Level)Twisted_Daemon User rank is Corporal (100 - 500 Reputation Level)Twisted_Daemon User rank is Corporal (100 - 500 Reputation Level)Twisted_Daemon User rank is Corporal (100 - 500 Reputation Level) 
Time spent in forums: 7 h 23 m 56 sec
Reputation Power: 0
Right... I've used the top and left attributes in my css now. However IE still won't display all of the time.
Reply With Quote
  #14