De PHPhulp kroeg
IE7 base-tag & url rewrite
Ik ben een site ie7 compatibel aan het maken. Een hels karwei, maar het moet.
Het probleem wat ik heb doet zich voor op een pagina waar ik ook een .htacces bestand de URL's laat omschrijven. Daarnaast heb ik in de <head> ook een <base>-tag om ervoor te zorgen dat alle CSS enzo het nog doet.
Alleen IE7 doet het niet.
De <base> url is het volledige web adres naar de root: http://www.website.nl/test/
IE7 plakt daar aan ook nog het omgeschreven gedeelte van de URL van de huidige pagina. Dus http://www.website.nl/test/producten/websites/
http://www.website.nl/test/producten/websites/
is eigenlijk: http://www.website.nl/test/producten.php?page=websites
Heeft iemand hier ervaring mee? Of weet de oplossing?
Alvast bedankt.
EDIT:
Blijkbaar negeert IE7 de base tag. Maar zie wel nog steeds de hele URL (Dus http://www.website.nl/test/producten/websites/)
Gewijzigd op 11/06/2010 12:51:45 door Meddiecap B
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!--[if lte IE 7]>
<iframe src="http://www.browserupgrade.info/ie6-upgrade/?lang=nl&title=www.form-vision.com&ie8=true&more-info-at=http://www.browserupgrade.info" frameborder="no" style="height: 81px; width: 100%; border: none;"></iframe>
<![endif]-->
<!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>
<base href="http://www.website.nl/test/" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="styles/styles.css" rel="stylesheet" type="text/css" />
<!--[if IE 8]>
<link href="styles/styles_ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 7]>
<link href="styles/styles_ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body>
<div class="container">
<div class="header">
<iframe src="http://www.browserupgrade.info/ie6-upgrade/?lang=nl&title=www.form-vision.com&ie8=true&more-info-at=http://www.browserupgrade.info" frameborder="no" style="height: 81px; width: 100%; border: none;"></iframe>
<![endif]-->
<!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>
<base href="http://www.website.nl/test/" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="styles/styles.css" rel="stylesheet" type="text/css" />
<!--[if IE 8]>
<link href="styles/styles_ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 7]>
<link href="styles/styles_ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body>
<div class="container">
<div class="header">
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<!--[if IE 8]>
<link href="styles/styles_ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 7]>
<link href="styles/styles_ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
<link href="styles/styles_ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 7]>
<link href="styles/styles_ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
Als gewoon goed programmeert heb je maar 1 css nodig.... hooguit nog een apparte voor ie6!
Firefox, Chrome, IE, Safari etc etc en dan ook weer eens per verschillende versie? dus op het laatst kom je op tien talle css bestanden, en die wil jij allemaal maken?
Dat vind jij makkelijker en net zo goed werken?
mhhh alles netjes goed cssen kun je het met 1 css bestand doen, ik zal wel verkeerd zitten...
Gewijzigd op 11/06/2010 13:58:30 door Joakim Broden
Gewijzigd op 11/06/2010 14:02:58 door Jelmer -
En ik ga niet voor alle (versies van) browsers een aparte CSS maken. Ik hoef dat alleen voor IE, daar heb ik de enige problemen.
Bedankt voor de info iig.