Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien
Toon posts:

CSS in IE6

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik wordt langzaam gek.

Voor een cursus bezig met een website.

Omdat het niet geheel goed afliep in IE6 ben ik van plan een aparte css te maken voor IE6

Het volgende staat nu in de head van de html pagina:

<link href="include/stylesheet1.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<link href="include/internet_explorer.css" rel="stylesheet" type="text/css" />
<![endif]-->

Ik heb alles gemaakt met Dreamweaver CS3. In allerlei fora staat dat dit zou moeten werken maar het onderste deel van de code blijft grijs, en werkt dus schijnbaar niet. In een ander form las ik dat Dreamweaver de "if" en "endif" niet wil volgen.

Mijn vraag dus: Wat doe ik hier fout, waarom werkt dit niet??

De CSS vind je hier: http://maas1.cursistennet.nl/test/include/stylesheet1.css

  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

DW ziet het als een HTML comment (wat het feitelijk ook is), net als alle non-IE browsers. Niets om je zorgen over te maken...

[ Voor 12% gewijzigd door crisp op 11-03-2008 23:16 ]

Intentionally left blank


  • --MeAngry--
  • Registratie: September 2002
  • Laatst online: 13:58

--MeAngry--

aka Qonstrukt

Je moet nooit 100% op een editor vertrouwen, hoe goed ook. Gewoon even kijken in je browser of het werkt, en daar kun je in dit geval vrij zeker vanuit gaan. :)

Tesla Model Y RWD (2024)


Verwijderd

Topicstarter
Ik heb volgens mij alles volgens de regeltjes gedaan. |:( Ik heb zelfs in plaats van <!--[if lte IE 6]> er <!--[if lt IE 7]> van gemaakt zodat eventuele andere 6versie problemen zijn uitgesloten.

In alle htmlpagina's heb ik de volgende header:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Elements4Animals</title>
<link href="include/stylesheet1.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 7]>
<link href="include/internet_explorer.css" rel="stylesheet" type="text/css" />
<![endif]-->
<script type="text/javascript" src="include/scriptindex.js"></script>
<script type="text/javascript" language="JavaScript" src="include/mm_menu.js"></script>
</head>

Dit zijn de 2 style sheets:

http://maas1.cursistennet.nl/test/include/stylesheet1.css

http://maas1.cursistennet.nl/test/include/internet_explorer.css

Mocht je de mogelijkheid hebben om te bekijken in IE6 en IE 7 en/of FF

zie hier, wat er gebeurt: http://maas1.cursistennet.nl/test

Alvast dank voor de aandacht! :)

  • Gamo
  • Registratie: Maart 2004
  • Laatst online: 23-06 16:30

Gamo

Research Before You Buy

Je kunt ook zelf Safari, IE6 en IE7, FF 1, 2 en 3, Opera en CrazyBrowser installeren en uitproberen he :)

Verwijderd

Topicstarter
Dat heb ik, dat is het probleem dus niet. Ik heb getest in de genoemde browsers. De regel die er staat als verwijzing naar de stylesheet voor IE6 werkt schijnbaar niet. De vraag is: waarom niet?
:?

  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

Zo te zien werkt hij prima, je P elementen krijgen in IE6 een font-size: large

Note overigens dat stylesheets cascading zijn, je hoeft voor IE6 dus enkel de benodigde aanpassingen tov je standaard stylesheet in je IE-stylesheet te zetten...

Intentionally left blank


Verwijderd

Topicstarter
Dit vind ik zo vreemd. Ik draai hier een standalone versie van IE 6. Het rechter deel van de maindiv staat echt links onder de container. Komt dit dan door de standalone versie??? Kan dat?

Ik heb destijds deze versie gedownload: http://browsers.evolt.org/?ie/32bit/standalone

ps. Die p large had ik staan om duidelijker de test te kunnen zien.

  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

Verwijderd schreef op woensdag 12 maart 2008 @ 23:11:
Dit vind ik zo vreemd. Ik draai hier een standalone versie van IE 6. Het rechter deel van de maindiv staat echt links onder de container. Komt dit dan door de standalone versie??? Kan dat?

Ik heb destijds deze versie gedownload: http://browsers.evolt.org/?ie/32bit/standalone

ps. Die p large had ik staan om duidelijker de test te kunnen zien.
Ja, met een stand-alone IE6 moet je wat registry-hacks uitvoeren om conditional comments werkend te krijgen...

Intentionally left blank


  • P.O. Box
  • Registratie: Augustus 2005
  • Niet online
neem in je ie6 css file iets op van: background-color: red;

dan merk je gauw genoeg of je conditional statement werkt of niet...

  • Mr_Groovy
  • Registratie: Oktober 2002
  • Laatst online: 02-12-2021

Mr_Groovy

Designlapp

Dit is heel handig:

http://tredosoft.com/Multiple_IE

Hier mee kan je: IE3 IE4.01 IE5 IE5.5 & IE6 tegelijk draaien en testen.

Het is trouwens helemaal niet nodig om een aparte css voor 6 te schrijven.

Gewoon trial & error tot het zelfde er uit ziet ;).

Tip padding in IE & Mozzilla is totaal anders, gebruik dan liever margins ;)

Macbook Pro 15" Late 2013, iPhone 7+ 128gb, iPad Pro, Canon M3, Tamron 18-200, Canon 22 @2.0, Canon 11 -22, Nintendo Switch


Verwijderd

Mr_Groovy schreef op donderdag 13 maart 2008 @ 00:40:
Tip padding in IE & Mozzilla is totaal anders, gebruik dan liever margins ;)
Dan mag jij hem de volgende keer uitleggen waarom zijn floated elements in IE6 opeens niet meer mooi uitlijnen ;)

  • Boelie-Boelie
  • Registratie: November 2004
  • Laatst online: 26-09-2020
Mr_Groovy schreef op donderdag 13 maart 2008 @ 00:40:
Tip padding in IE & Mozzilla is totaal anders, gebruik dan liever margins ;)
Die zijn helemaal niet anders, het is alleen anders bij IE in quirksmode en IE-versies < 6.

Cogito ergo dubito


Verwijderd

Topicstarter
Dit werkt in ieder geval. Ik heb inmiddels de Mutiple-IE, dat werkt goed. De css's veranderd en de lay-out lijkt nu in de browers gelijk. Ik ben er gelukkig erg mee!

Aan iedereen dank voor de hulp!
Pagina: 1