login  Naam:   Wachtwoord: 
Registreer je!
 Forum

fixed position in IE (Opgelost)

Offline Emonk - 10/01/2011 09:00
Avatar van EmonkLid Hallo allemaal,

In mijn website gebruik ik voor de header en de footer een fixed position (style="position:fixed"). Dit werkt in firefox, maar niet in IE. Hierom wil ik twee stijlbladen gebruiken, één voor firefox (en chrome) en één voor ie. Hoe doe ik dat?

Bedankt!

10 antwoorden

Gesponsorde links
Offline vinTage - 10/01/2011 09:06
Avatar van vinTage Nieuw lid Google eens naar 'conditional comments' en doe er je ding mee 

ps, fixed wordt afaik wel ondersteund (ie7 & > )
Offline Emonk - 10/01/2011 16:00
Avatar van Emonk Lid dank je wel, begrijp ik goed van deze website (http://www.quirksmode.org/css/condcom.html) dat je in CSS kunt aangeven wat voor IE geldt en wat voor FF?
Offline vinTage - 10/01/2011 17:02
Avatar van vinTage Nieuw lid nee, je kan alleen aangeven wat voor IE is en de rest is voor de andere browsers.
Offline Emonk - 10/01/2011 17:10
Avatar van Emonk Lid Oké, dank je!

Nu wil ik met JS (navigator.appName) bekijken welke browser iemand gebruikt. Dit doe ik als volgt:

  1. echo '<script type="text/javascript">document.write("<html><head><title>Robot</title><link rel=\'stylesheet\' href=\'style_".navigator.appName.".css\' type=\'text/css\'></head><body><div id=\'header\'>");</script>';


Echter, dit werkt niet. Waarom niet?
Offline vinTage - 10/01/2011 17:23
Avatar van vinTage Nieuw lid wtf....echo <script ...

en wat is er mis met die conditional comments
Offline Emonk - 10/01/2011 17:25
Avatar van Emonk Lid kan dat niet met echo en dan script?
met conditional comments kun je alleen aangeven wat voor IE goed is, niet wat voor FF goed is.
Offline vinTage - 10/01/2011 17:26
Avatar van vinTage Nieuw lid IE is de enige die iets 'fout' doet (maar jij eerder denk ik^^), dus waarom zou je voor die het goed doen iets aparts maken..?
Offline Emonk - 10/01/2011 17:27
Avatar van Emonk Lid okee...

Ik gebruik nu het volgende:

  1. position: fixed;
  2. <!--[if IE]>
  3. postion: absolute;
  4. <![endif]-->


met als gevolg dat het het in ff ook niet meer doet 
Offline vinTage - 10/01/2011 18:46
Avatar van vinTage Nieuw lid
  1. <style type="text/css">
  2. #id{
  3. /*voor alle browsers*/
  4. position:fixed;
  5. }
  6.  
  7.  
  8. <!--[if IE]>
  9. #id{
  10. postion: absolute;
  11. }
  12. <![endif]-->
  13. </style>
Bedankt door: Emonk
Offline Emonk - 10/01/2011 18:51
Avatar van Emonk Lid hartelijk dank. dit werkt nu.
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.196s