Ik ben bezig met een pagina en wil met Ajax in een div bepaalde informatie laden. Dat gaat prima. Het enige probleem is dat mijn IE8 de pagina vreemd weergeeft. Mijn code is alsvolgt:
Testen schreef op Donderdag, 13 Augustus 2009
<span style="float:right;display:inline;">Verwijderen Wijzigen
Prive Goedkeuren</span>
<hr style="display:block;">
test<br>
<hr style="height:5px;">
<br>
FireFox geeft het goed weer:
<Eerste de tekst en dan rechts uitgelijnd op dezelfde regel de 4 opties.>
<Daaronder een HR>
<Dan de tekst>
<Dan weer een hr>
IE8 geeft weer:
<Eerst de tekst>
<Daaronder een hr, met op deze regel rechts uitgelijnd de 4 opties>
<Dan de tekst>
<Dan weer een hr>
Iemand enig idee hoe dat komt? Ik heb al van alles met de display opties geprobeerd, maar ik krijg het niet voor elkaar.
Het lijkt al iets beter, het staat nu niet achter de hr. Het enige probleem is dat het ook niet achter het andere deel staat. Het deel voor de hr is nu 2 regels hoog. Met op iedere regel iets. Het is de bedoeling dat die samen op 1 regel komen. Het is dus helaas nog niet opgelost.
Wat betreft de inline styles. Bedankt voor de tip. Ik probeer het ook tot een minimum te beperken. Het enige probleem is dat dit uit een ajax script komt en ik wil ervoor zorgen dat ik daarin de opmaak kan regelen. Dat is veel flexibeler (styles aanpassen aan de hand van..... whatever). Verder merk ik dat als je bijvoorbeeld background in een style sheet zet dat ze via javascript niet aan te passen zijn. Als je ze inline zet dan zijn ze wel aan te passen. Vandaar dus inline styles. Maar toch goed dat je het even aangeeft.
ps: Ik ga even mij server herstarten, dus het kan zijn dat de site even niet bereikbaar is.
ik krijg het niet voor elkaar. Ook niet door bijvoorbeeld van de <p> een span of div te maken. Ik heb ook al de tekst kleiner gemaakt, want ik dacht dat het misschien een breedte probleem was.
Ik begin nu echt te denken dat het gewoon een bug in IE8 is....