IE7 naar IE8 ERROR

Status
Niet open voor verdere reacties.
K

kenikavanbis

Terugkerende gebruiker
Lid geworden
22 mei 2007
Berichten
2.127
Dit is echter niet meer te tonen in een IE8 nu zoek ik een oplossing om een kaderfiguurtjes rond een form te zetten die op alle browsers werken. het probleem is dat als er een fieldset wordt toegepast de tabel background verdwijnt.
Bij contact met microsoft zou de oplossing 290 euro kosten. Ik kan toch niet elke bezoeker 290euro vragen om naar mijn site te komen kijken ??
HTML: 
	<table  class="Aform" cellpadding=0 cellspacing=0 >
		<tr>
			<th height='32' width='28' background='./layout/img/general/form_brown_LH.jpg'></th>
			<th background='./layout/img/general/form_brown_MH.jpg'><center> </center></th>
			<th background='./layout/img/general/form_brown_RH.jpg'></th>
		</tr>
		<tr>
			<td background='./layout/img/general/form_brown_LM.jpg'>
			</td>
			<td background='./layout/img/general/form_brown_SP.jpg'>
				
				<form method='post' action='/datavieuwport.php?content=Gboek&upload=0&lang=NL' name="upForm" enctype="multipart/form-data" >
					<input type='hidden' name='id' value='Gboek'/>
					<input type='hidden' value='submitted' name='action' />
					<fieldset style="padding:20px;">
<legend> laat een bericht na!
 </legend>
	<label for="name"> naam
 </label>
...
   <textarea class="ibc" rows="3" cols="30" name="msg"></textarea><br /> 
	<input type="submit" class="ibd" value="verzenden
" name="btn" />
	<input type="reset" class="ibd" value="Velden leegmaken
" name="clear" onclick="return confirm('clear all text ?')" />
</fieldset>
 
				
				</form>
			</td>
			<td background='./layout/img/general/form_brown_RM.jpg'>
			</td>
		</tr>
		<tr>
			<td background='./layout/img/general/form_brown_LF.jpg'>
			</td>
			<td background='./layout/img/general/form_brown_MF.jpg'>
			</td>
			<td height='32' width='30' background='./layout/img/general/form_brown_RF.jpg'>			   </td>
		</tr>
	</table>
 
Ik heb het nu drie keer gelezen maar snap de vraag nog steeds niet

-Als je bedoelt dat je site er in tegenstelling tot IE7 in IE8 er niet uit ziet moet je gewoon dit in de <head> openemen:

Code: 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

-Als je wilt dat we naar de broncode kijken dan graag een link naar de pagina of alle code plaatsen inclusief CSS e.d.
 
Berkery zei:
-Als je bedoelt dat je site er in tegenstelling tot IE7 in IE8 er niet uit ziet moet je gewoon dit in de <head> openemen:

Code: 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
Klik om te vergroten...
IE8 gaat beter om met de standaarden dan zijn voorganger, dat het in IE8 wel misgaat en in 7 niet kan er op duiden dat er iets mis is met de code van de site en dat er dus ook in andere browsers die zich aan de standaarden houden problemen zijn. De beste oplossing is dan om de fouten uit de site te halen, niet om IE8 te dwingen zich te gedragen als z'n enigszins achterlijke broertje.
 
ik ga niet van de regen in de drup staan ik ben aan het werken aan een oplossing

HTML: 
<!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" xml:lang="en" lang="en">

<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<meta name="author" content="" />
<style type="text/css">

    .formbox{display:inline-block;height:500px;width:500px;}
	.formboxLH{background:url("../v2.5/layout2/img/general/form_brown_LH.jpg");display:block; position:inherit; height:20px;width:20px; left:0px;}
    .formboxMH{background:url("../v2.5/layout2/img/general/form_brown_MH.jpg");position:inherit;  height:20px;width:500px; }
    .formboxRH{background:url("../v2.5/layout2/img/general/form_brown_RH.jpg");position:inherit;  height:20px;width:20px;right:0px;}
    .formboxLM{background:url("../v2.5/layout2/img/general/form_brown_LM.jpg");position:absolute;  height:20px;width:20px;}
    .formboxSP{background:url("../v2.5/layout2/img/general/form_brown_SP.jpg");position:absolute;  height:20px;width:20px;}
    .formboxRM{background:url("../v2.5/layout2/img/general/form_brown_RM.jpg");position:absolute;  height:20px;width:20px;}
    .formboxLF{background:url("../v2.5/layout2/img/general/form_brown_LF.jpg");position:absolute;  height:20px;width:20px;}
    .formboxMF{background:url("../v2.5/layout2/img/general/form_brown_MF.jpg");position:absolute;  height:20px;width:20px;}
    .formboxRF{background:url("../v2.5/layout2/img/general/form_brown_RF.jpg");position:absolute;  height:20px;width:20px;}

</style>
	<title>Untitled 2</title>
</head>

<body>

<center>
	<div  class="formbox">
            <div class="formboxLH">1</div>
			<div class="formboxMH">2</div>
			<div class="formboxRH">3</div><br />
			<div class="formboxLM">4</div>
			<div class="formboxSP">5			
				<form method='post' action='<?php print $_SERVER['PHP_SELF'].$attributen;?>' name="upForm" enctype="multipart/form-data" >
CONTENT			
				</form>
			</div>
			<div class="formboxRM">6</div><br />
			<div class="formboxLF">7</div>
			<div class="formboxMF">8</div>
			<div class="formboxRF">9</div>
	</div>
</center>

</body>
</html>
 
Over van de regen in de drup gesproken. De <center> tag is verouderd en kun je beter vermijden. het is beter om voor positioneren CSS te gebruiken.
 
Het eigenlijk probleem was dat ie8 als een fieldset(en form) binnen een tabel staat alle achtergrondimgs niet meer worden getoond.
Het is zeker een bug
Alle andere testen waren positief dus geen fouten : Opera,chrome,IE7 32bit,Safari, Firefox, konqueror
dus toch niet slecht denk ik
testen die falden: IE8 32bit ,IE8 64bit
 
Naarling zei:
IE8 gaat beter om met de standaarden dan zijn voorganger, dat het in IE8 wel misgaat en in 7 niet kan er op duiden dat er iets mis is met de code van de site en dat er dus ook in andere browsers die zich aan de standaarden houden problemen zijn. De beste oplossing is dan om de fouten uit de site te halen, niet om IE8 te dwingen zich te gedragen als z'n enigszins achterlijke broertje.
Klik om te vergroten...

Ik hou van quick 'n dirty oplossingen :D Ben nu wel benieuwd naar een online voorbeeld want ik krijg het probleem niet gereproduceerd hier
 
ik begin licht geergert te raken aan die IE waar elke release ander eigenschapen heeft maar hier de link

moet je echter nog niet te veel op ander fouten letten bij producten is IE6 probleem block inline die ik zou moeten kunnen aanpassen Zou het mooi zijn alle gebruikers gelijk de laaste versie te laten installeren???


oplossing is
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML: 
<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<meta name="author" content="" />
<style type="text/css">

    .formbox{display:inline-block;display:inline-block;background:url("../v2.5/layout2/img/general/form_brown_MH.jpg") repeat-x;display:table-cell;}
	.formboxLH{display:table-cell;float: left;}
    .formboxRH{display:table-cell;float: right}
    .formboxSP{border-left: 2px solid #BBBBBB; border-right: 2px solid #BBBBBB;border-bottom: 2px  solid #BBBBBB;}
    .formboxMF{background:url("../v2.5/layout2/img/general/form_brown_MF.jpg");display:table-cell; height:20px;width:500px;}


</style>
	<title>Untitled 2</title>
</head>
<body>
<center>
	<div  class="formbox">

            <img src="../v2.5/layout2/img/general/form_brown_LH.jpg" class="formboxLH" />
            <img src="../v2.5/layout2/img/general/form_brown_RH.jpg" class="formboxRH" />
            <br />	
                <form class="formboxSP" method='post' action='<?php print $_SERVER['PHP_SELF'].$attributen;?>' name="upForm" enctype="multipart/form-data" >
					<input type='hidden' name='id' value='<?php print $formname; ?>'/>
					<input type='hidden' value='submitted' name='action' />
					<?php print $formtemplate; ?>				
				<br /><br /></form>
            <div class="formboxMF">	</div>
	</div>
</center>

</body>
 
Laatst bewerkt:
Hoi kenikavanbis,
Een paar punten en kommas en hoofdletters in je vraag zouden de vraag wat helderder maken want anders wordt het zo'n brij je weet niet waar de volgende zin begint of niet soms begrijpt de lieve lezer er helemaal geen poffertje meer van als dat zo achter elkaar doorgaat of niet soms? :p
hier de link http://www.indiannation.be/datavieuw...=Gboek&lang=NL
moet je echter nog niet te veel op andere fouten letten
Klik om te vergroten...
Misschien zouden die andere fouten wel iets kunnen veroorzaken:
  • De html-validator kan niet eens zijn werk doen vanwege een verkeerd karakter: feedback is deze.
  • Als je dat er uit haalt (de pagina is kennelijk niet als UTF-8 opgeslagen), d.w.z. deze verder identieke pagina, dan is de html-validator nog niet enthousiast: 44 Errors, 46 warnings. Genoteerd worden o.a.:
  • een stylesheet-link en javascript-links tussen </head> en <body>
  • een stylesheet-link na de </html>
  • een stylesheet-link binnen een <input> element
  • een <form> binnen een <form>
  • En de css-validator wil graag 26 fouten verbeterd zien.
Als ik browser was, zou ik dat niet prettig vinden!
Ik zou de raad van Naarling daarom maar opvolgen: éérst de html en css op orde zien te krijgen, zodat ze valideren.

... IE6 ... Zou het mooi zijn alle gebruikers gelijk de laaste versie te laten installeren???
Klik om te vergroten...
Het zou mooi zijn als ze dat deden, en misschien kan je er ergens een heel bescheiden suggestie aan wijden, maar zeker niet meer.
Veel surfers (daar ben ik er één van) hebben een bloedige hekel aan beeldschermen die hun dingen toeroepen als:
  • "Voor het bekijken van deze site moet u de resolutie op minstens 1280x19074px zetten"
  • "Deze site is niet te gebruiken met Firefox, u moet Internet Explorer gebruiken"
  • "Deze site is niet te gebruiken met Internet Explorer, u moet Firefox of een andere browser gebruiken"
  • "Deze site werkt niet met Internet Explorer 6 of 7. U moet IE8 downloaden en installeren"
  • "Deze site werkt met javascript. U moet javascript inschakelen"
  • "Voor deze site is Flash nodig. U moet daarvoor een plug-in downloaden en installeren"
Ik MOET? Dat bepaal ik zelf wel! Weg van zo'n klant-onvriendelijk gemaakte website!
- Bovendien loop je het risico, dat potentiële kopers (het is een commerciële site) na het downloaden en installeren van z'n benodigd programma daarmee gaan stoeien, of dat gewoon hun tijd op is, of hun aandacht afgeleid, enz., en ze ook weg zijn van je site.

Met vriendelijke groet,
CSShunter
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan