IE geeft text die niet in de broncode staat - Softwareontwikkeling

vrijdag 28 januari 2005 11:07

Acties:

Topicstarter

Hallo allemaal.
Ik ben bezig met een website maar loop tegen een heel vaag probleem op:
Er staat een menu aan de linker kant,
maar IE print gewoon lekker de laatste 4 letters van het laatste menu-item onder het menu erbij.
In de broncode staat het niet, dus ik vraag me af hoe ik er van af kan komen.

Hier ff een plaatje:

Afbeeldingslocatie: http://www.hierwater.com/images/t_vaag.gif

En hier de broncode:

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>
<head>
<title>Memo Online</title>
<link rel="stylesheet" href="inc_styles.css">
<script src="inc_functions.js" type="text/javascript"></script>
</head>
<body><div id="menu"><a href="#">Home</a>
<a href="#">Memo's bekijken</a>
<a href="#">Memo toevoegen</a>
<a href="#">Uw gegevens</a>
<a href="#">Info</a>
<a href="#">Uitloggen</a></div>
<div id="content"><p>HIER DE CONTENT</p>
<p>Al uw geplaatste memo's aflopend op datum gesorteerd</p>
<table>
<tr>
<td>Datum plaatsing:</td><td>Uw memo:</td></tr>
<tr><td>20 januari 2005</td><td>Dit is een derde test</td></tr>
<tr><td>01 januari 2005</td><td>Dit is een tweede test in het verleden</td></tr>
<tr><td>29 december 2004</td><td>Dit is de eerste test, in het verleden</td></tr>
</table><p><a href=index.php?userid=&sort=oplopend>Oplopend sorteren</a></p></div>
</body>
</html>

vrijdag 28 januari 2005 11:10

Acties:

LoeiOrdinair

To Infinity and Beyond

Zit de fout niet in een extern bestand. Want dit klopt allemaal wel. Kan je de pagina anders online zetten? Misschien je *.js file

[ Voor 10% gewijzigd door LoeiOrdinair op 28-01-2005 11:11 ]

vrijdag 28 januari 2005 11:12

Acties:

André

Analytics dude

Dat is een bekende bug. ik had er laatst ook nog last van, volgens mij heeft het met floats te maken.

vrijdag 28 januari 2005 11:16

Acties:

ArcticTiger

Topicstarter

hier staat ie: de test

hier nog ff de stylesheet code die bij het menu hoort:

code:

#menu {
    width: 150px;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: 5px;
    margin-right: 0px;
    padding: 0px;
    float: left;
}
#menu a {
    background-color: #CCC;
    border: 2px solid black;
    display: block;
    margin-top: 0px;
    margin-bottom: 2px;
    padding: 2px;
    width: 150px;
    clear: left;
    float: left;
}
#menu a:hover {
    background-color: #888;
    border: 2px solid black;
    display: block;
    margin-top: 0px;
    margin-bottom: 2px;
    padding: 2px;
    width: 150px;
    clear: left;
    float: left;
}

vrijdag 28 januari 2005 11:18

Acties:

Rickets

Finger and a shift

http://positioniseverything.net/explorer/dup-characters.html

Deze bug zal het waarschijnlijk zijn.

If some cunt can fuck something up, that cunt will pick the worst possible time to fucking fuck it up, because that cunt’s a cunt.

vrijdag 28 januari 2005 11:19

Acties:

André

Analytics dude

Je url klopt niet, een . moet een / worden

En wat gebeurd er als je de floats uit je #menu a en #menu a:hover haalt?

vrijdag 28 januari 2005 11:24

Acties:

ArcticTiger

Topicstarter

de floats zijn eruit, evenals die gekke tekst,
maar nu klopt me hover niet meer

[ Voor 80% gewijzigd door ArcticTiger op 28-01-2005 11:25 ]

vrijdag 28 januari 2005 11:24

Acties:

mickjuh

Good news everyone!

In FF doet hij het nu goed, in IE zie ik ook niets meer maar als ik over je menu heenga dan zie ik in IE dat het menu verspringt en tegen elkaar word geplakt

vrijdag 28 januari 2005 11:28

Acties:

André

Analytics dude

ArcticTiger schreef op vrijdag 28 januari 2005 @ 11:24:
de floats zijn eruit, evenals die gekke tekst,
maar nu klopt me hover niet meer

Je hoeft in de :hover niet alle dingen meer opnieuw te declareren, alleen de waarden die veranderen: in jouw geval alleen de achtergrondkleur.

vrijdag 28 januari 2005 11:31

Acties:

ArcticTiger

Topicstarter

Dat maakt niets uit, hij doet nog steeds vaag...

vrijdag 28 januari 2005 11:34

Acties:

André

Analytics dude

Misschien kan een height of line-height toevoegen helpen?

En een tip: ipv alle margins te declareren:

code:

margin-top: 5px;
margin-bottom: 0px;
margin-left: 5px;
margin-right: 0px;

kun je beter zo doen:

code:

1	margin: 5px 0 0 5px;

vrijdag 28 januari 2005 11:39

Acties:

ArcticTiger

Topicstarter

nu pakt ie geen ruimte meer tussen de buttons
dat is ook niet de bedoeling..
oops, stomme vraag ==>

code:

1	margin: top right bottom left

;....

[ Voor 72% gewijzigd door ArcticTiger op 28-01-2005 11:45 ]

vrijdag 28 januari 2005 11:43

Acties:

André

Analytics dude

ArcticTiger schreef op vrijdag 28 januari 2005 @ 11:39:
nu pakt ie geen ruimte meer tussen de buttons
dat is ook niet de bedoeling..

Dan moet je de height hoger zetten

btw wat is dan de volgorde als ik alleen margin gebruik??
code:
1
margin: left right top bottom;

margin: top right bottom left;

vrijdag 28 januari 2005 11:46

Acties:

ArcticTiger

Topicstarter

maar hij blijft ze verplaatsen

André schreef op vrijdag 28 januari 2005 @ 11:43:
[...]

Dan moet je de height hoger zetten

[...]

margin: top right bottom left;

welke height ?
ik heb nergens een height gespecificeerd..

[ Voor 81% gewijzigd door ArcticTiger op 28-01-2005 11:47 ]

vrijdag 28 januari 2005 11:58

Acties:

André

Analytics dude

ArcticTiger schreef op vrijdag 28 januari 2005 @ 11:46:
maar hij blijft ze verplaatsen

[...]

welke height ?
ik heb nergens een height gespecificeerd..

Dat zei ik dus 2 reacties geleden

Zet een height op je a, misschien doet hij dan niet zo raar.

vrijdag 28 januari 2005 12:05

Acties:

ArcticTiger

Topicstarter

Dat maakt ook niets uit

hoezo struikelblok

vrijdag 28 januari 2005 12:15

Acties:

André

Analytics dude

Als ik de width: 150px; uit de #menu a haal gaat het wel goed

vrijdag 28 januari 2005 12:18

Acties:

ArcticTiger

Topicstarter

maar dank moet ik specifiek over de tekst gaan

en anders had ik netjes het hele blok.

vrijdag 28 januari 2005 12:19

Acties:

Reinier

\o/

Wat vreemd dat het bij de eerste twee linkjes (home en memo's bekijken) wel goed gaat.

vrijdag 28 januari 2005 12:23

Acties:

ArcticTiger

Topicstarter

dat is juist nog het hele vage eraan
en het gekke is, ik heb wel vaker buttons op deze manier gemaakt waar het allemaal goed gaat

maar ik denk dat het aan de breedte van de #menu a en #menu a:hover ligt,
ik herinner me ineens dat IE extreem lastig kan doen bij het gebruik van borders, padding en margin enzo, en ze heel anders interpreteert dan FF bv.

Maar het stomme is dat het pas bij de hover fout gaat...

jammer genoeg wordt IE zo veel gebruikt want ik

erop.

[ Voor 61% gewijzigd door ArcticTiger op 28-01-2005 12:27 ]

vrijdag 28 januari 2005 12:28

Acties:

André

Analytics dude

Duidelijk is iig wel dat het een keiharde bug in IE is, want dit gedrag is niet als normaal te beschouwen.

vrijdag 28 januari 2005 12:44

Acties:

Verwijderd

Misschien helpt het als je HTML correct gebruikt: je menu is een list dus gebruik de tags daarvoor.

vrijdag 28 januari 2005 12:57

Acties:

ArcticTiger

Topicstarter

daar gaat het niet om.
alles wordt netjes weergegeven, totdat ik met mijn muis over de 3e knop hover.
vanaf daar gaat alles fout...

nog iets ontdekt...
de hover gaat alleen maar fout als er iets veranderd, bv de achtergrondkleur.

[ Voor 28% gewijzigd door ArcticTiger op 28-01-2005 13:00 ]

maandag 31 januari 2005 09:22

Acties:

ArcticTiger

Topicstarter

Probleem opgelost...

Ik heb de "width" uit me #menu gehaald.