[IE/CSS] Foute weergave eerste bezoek

Pagina: 1
Acties:

  • Pred
  • Registratie: November 2001
  • Laatst online: 27-05 13:46
Hallo!

Ik heb een site gemaakt. Hij is volledig met CSS gemaakt, volgens de XHTML 1.0 Transitional W3C standaard. Er zullen een aantal overtredingkjes zijn, maar die moet ik nog laten controleren door W3C.

Anyway, ik zit met een probleem. In Mozilla Firebird wordt de site getoond zoals dat hoort. Maar zodra ik met IE (ik weet de versie niet) op school de site voor het eerst bezoek, dan ziet de site er zo uit:
Afbeeldingslocatie: http://webserv.nhl.nl/~vos201/got/zvm2.jpg
terwijl in Mozilla Firebird de site er zo uitziet:
Afbeeldingslocatie: http://webserv.nhl.nl/~vos201/got/zvm1.jpg
goed dus...

Note: zodra ik refresh dan is de site wel goed, maar ik vind een handmatige refresh na 1 seconde iets overdreven, en misschien zijn er meer mensen met dit probleem die een oplossing hebben gevonden.
Note 2: de rest van de site is wel ok!

Alvast bedankt voor het lezen!

[ Voor 3% gewijzigd door Pred op 21-01-2004 15:03 ]


Verwijderd

Note 1: Altijd een URI.
Note 2: Zie regel 1.

Verwijderd

Je plaatjes hebben allemaal een defineerde grootte ?

  • Pred
  • Registratie: November 2001
  • Laatst online: 27-05 13:46
Verwijderd schreef op 21 januari 2004 @ 15:11:
Je plaatjes hebben allemaal een defineerde grootte ?
code:
1
2
3
4
5
6
7
8
9
10
11
    td.menuitem
    {
        border: 1px solid #A2BFE3;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        width: 80px;
        text-align: left;
        color: #FFFFFF;
        font-weight: bold;
        background-repeat: no-repeat;
    }


Width moet 80px zijn.

Maar wat het vage is is dat het alleen gebeurd als je de site voor het eerst bezoekt! Zodra je refresht is het weer goed. Daar wil ik graag de nadruk op leggen.

edit: het zou overigens heel goed kunnen dat het een bug is in IE. Omdat het met IE 6.0 me nog nooit is overkomen (en we op school denk ik 5.5 ofzo hebben)

[ Voor 14% gewijzigd door Pred op 21-01-2004 15:20 ]


  • CrashOne
  • Registratie: Juli 2000
  • Niet online

CrashOne

oOoOoOoOoOoOoOoOoOo

Je menu kan je beter met lists maken.

Maar post eens een url, zal ik eens in IE5.x kijken.

Huur mij in als freelance SEO consultant!


  • Thijsmans
  • Registratie: Juli 2001
  • Laatst online: 07:13

Thijsmans

⭐⭐⭐⭐⭐ (5/5)

CrashOne schreef op 21 januari 2004 @ 20:07:
Je menu kan je beter met lists maken.

Maar post eens een url, zal ik eens in IE5.x kijken.
Daar zijn ze niet voor bedoelt.

Maar TS: probeer eens een margin mee te geven, en een padding, al was het maar '0' of '0px', want IE struikelt daar wel vaker over.

Privacy-adepten vinden op AVGtekst.nl de Nederlandse AVG-tekst voorzien van uitspraken en besluiten.


  • Rickets
  • Registratie: Augustus 2001
  • Niet online

Rickets

Finger and a shift

Prammenhanger schreef op 21 januari 2004 @ 20:15:
Daar zijn ze niet voor bedoelt.
Niet? :P
Waarom is een menu dan geen lijst volgens jou?

[ Voor 28% gewijzigd door Rickets op 21-01-2004 20:17 ]

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.


  • Pred
  • Registratie: November 2001
  • Laatst online: 27-05 13:46
Rickets schreef op 21 januari 2004 @ 20:17:
[...]

Niet? :P
Waarom is een menu dan geen lijst volgens jou?
Ik zal het betreffende stukje (HTML/PHP) code hier plaatsen en de CSS die er mee gemoeid gaat... wacht aub op de volgende edit.
(dat met die list begrijp ik overigens niet)

De HTML:
HTML:
1
2
3
4
5
6
7
8
9
        <tr><td class="menuitemholder">
            <table cellpadding="0" cellspacing="0">
                <tr><td class="menuitem" align="center" valign="middle" 
onmouseover='this.style.borderColor="#FFFFFF"; getElementById("dropdownAlgemeen").style.visibility="visible";' 
onmouseout='this.style.borderColor="#A2BFE3"; getElementById("dropdownAlgemeen").style.visibility="hidden";'>
                    [img]"images/menuitemalgemeen.jpg"[/img]</td>
                </tr>
            </table>
        </td></tr>


De CSS (menuitemholder en menuitem):
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
    td.menuitem
    {
        border: 1px solid #A2BFE3;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        width: 80px;
        text-align: left;
        color: #FFFFFF;
        font-weight: bold;
        background-repeat: no-repeat;
    }

    
    td.menuitemholder
    {
        padding-top: 7px;
        padding-bottom: 7px;
    }

[ Voor 100% gewijzigd door Pred op 21-01-2004 21:39 ]


  • Pred
  • Registratie: November 2001
  • Laatst online: 27-05 13:46
dubbel

[ Voor 127% gewijzigd door Pred op 21-01-2004 21:40 ]


  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Wat wazig blijft is het feit dat een refresh het geheel wel goed weergeeft. Vaak geeft dat aan dat IE de eerste keer een verkeerde rendering 'in gedachte' heeft.

Ik heb het weleens vaker gezien met extra marge ineens aan de rechterkant, omdat IE dacht dat er een scrollbar zichtbaar moest zijn. Krijg je bij een harde refresh (of temp inet files leeggooien) ook een verkeerde weergave?

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


  • Pred
  • Registratie: November 2001
  • Laatst online: 27-05 13:46
BtM909 schreef op 21 januari 2004 @ 21:47:
Wat wazig blijft is het feit dat een refresh het geheel wel goed weergeeft. Vaak geeft dat aan dat IE de eerste keer een verkeerde rendering 'in gedachte' heeft.

Ik heb het weleens vaker gezien met extra marge ineens aan de rechterkant, omdat IE dacht dat er een scrollbar zichtbaar moest zijn. Krijg je bij een harde refresh (of temp inet files leeggooien) ook een verkeerde weergave?
Ja... het is echt heel frappant! Daarom dacht ik dat het een bug zou zijn! Omdat ik het hier (thuis, IE 6.0) niet heb! En, idd na een refresh het weer goed is!

Ik was eigenlijk op zoek naar mensen die dit fenomeen meteen herkenden! Maar helaas hebben die nog niet gereplyed, want ik denk dat dit probleem 'tracen' grotendeels nutteloos is, omdat ik het zelf ook tot in de kleinste details heb zitten checken. Plus het feit dat een docent bij mij op school (HTML/CSS expert) dit probleem ook had met zijn website.

  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Is er echt geen mogelijkheid dat je een link kan geven :? Of lees ik ergens overheen?

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


Verwijderd

Soms krijg je dit soort dingen door spaties in de HTML code. Probeer eens je <img> tag volledig tussen de <td> te zetten zonder spaties ertussen...

Dus:
HTML:
1
2
3
4
5
<table>
  <tr>
    <td><img /></td>
  </tr>
</table>


Tussen de attributes van de tags kan je wel whitespace en newlines zetten.

  • Rickets
  • Registratie: Augustus 2001
  • Niet online

Rickets

Finger and a shift

Pred schreef op 21 januari 2004 @ 21:35:
Ik zal het betreffende stukje (HTML/PHP) code hier plaatsen en de CSS die er mee gemoeid gaat... wacht aub op de volgende edit.
(dat met die list begrijp ik overigens niet)
In afwachting van een link naar jouw HTML-bestand: http://www.alistapart.com/articles/taminglists/
een interessant stukje voor jou over een list als menu.

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.


  • Pred
  • Registratie: November 2001
  • Laatst online: 27-05 13:46
Verwijderd schreef op 21 januari 2004 @ 22:00:
Soms krijg je dit soort dingen door spaties in de HTML code. Probeer eens je <img> tag volledig tussen de <td> te zetten zonder spaties ertussen...

Dus:
HTML:
1
2
3
4
5
<table>
  <tr>
    <td><img /></td>
  </tr>
</table>


Tussen de attributes van de tags kan je wel whitespace en newlines zetten.
Dit is bij mij bekend en is (volgens mij) niet het probleem, omdat het na het refreshen correct wordt weergegeven.
BtM909 schreef op 21 januari 2004 @ 21:53:
Is er echt geen mogelijkheid dat je een link kan geven :? Of lees ik ergens overheen?
Helaas... het heeft verschillende redenen, met als voornamelijkste dat het product nog niet is opgeleverd.

Ik ben bang dat ik met dit topic niet mijn doel zal bereiken... ik was op zoek naar mensen, die als die dit bericht lezen, meteen wisten waar het over gaat (omdat het een raar probleem is) en ook meteen een oplossing konden geven.

  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Het enige wat ik nog kan adviseren is even alleen je menu testen. En dan even stukken toevoegen totdat het probleem zich voordoet. Weet je meteen of een stuk code dit veroorzaakt. :)

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


  • Pred
  • Registratie: November 2001
  • Laatst online: 27-05 13:46
Rickets schreef op 21 januari 2004 @ 22:12:
[...]

In afwachting van een link naar jouw HTML-bestand: http://www.alistapart.com/articles/taminglists/
een interessant stukje voor jou over een list als menu.
Dat is interessant! Ik zal het eens in alle rust doornemen!

  • Pred
  • Registratie: November 2001
  • Laatst online: 27-05 13:46
BtM909 schreef op 21 januari 2004 @ 22:15:
Het enige wat ik nog kan adviseren is even alleen je menu testen. En dan even stukken toevoegen totdat het probleem zich voordoet. Weet je meteen of een stuk code dit veroorzaakt. :)
Ik denk dat ik het hierbij laat. Ik zou het dan op een machine met IE 5.5 moeten testen... naja dat heb ik hier dus niet. Mensen moeten dan maar accepteren dat het de eerste keer beetje raar uitziet, maar zodra ze op een link klikken is het goed. Mijn straf dat ze IE 5.5 gebruiken :D Firebird! :*)

  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


  • Spider.007
  • Registratie: December 2000
  • Niet online

Spider.007

* Tetragrammaton

<script type="text/javascript"></script>
helpt dit wellicht :?

---
Prozium - The great nepenthe. Opiate of our masses. Glue of our great society. Salve and salvation, it has delivered us from pathos, from sorrow, the deepest chasms of melancholy and hate


  • CrashOne
  • Registratie: Juli 2000
  • Niet online

CrashOne

oOoOoOoOoOoOoOoOoOo

heb even je menu met een list gemaakt, makkelijker te onderhouden en dynamischer:
http://www.tamaela.nl/got/list.htm

Huur mij in als freelance SEO consultant!


  • Johnny
  • Registratie: December 2001
  • Nu online

Johnny

ondergewaardeerde internetguru

CrashOne schreef op 21 januari 2004 @ 23:10:
heb even je menu met een list gemaakt, makkelijker te onderhouden en dynamischer:
http://www.tamaela.nl/got/list.htm
in plaats van
code:
1
2
ul li:hover {
}


kun je beter

code:
1
2
3
ul li a:hover {
border-color: #ffffff;
}


hover werkt in MSIE namelijk alleen op <a> tags.

Aan de inhoud van de bovenstaande tekst kunnen geen rechten worden ontleend, tenzij dit expliciet in dit bericht is verwoord.


  • CrashOne
  • Registratie: Juli 2000
  • Niet online

CrashOne

oOoOoOoOoOoOoOoOoOo

Als je een hover wilt gebruiken kun je idd beter die gebruiken of de htc die clay heeft geschreven, dan heb je ook hover support op andere elementen in IE.

Huur mij in als freelance SEO consultant!


  • Pred
  • Registratie: November 2001
  • Laatst online: 27-05 13:46
CrashOne schreef op 21 januari 2004 @ 23:10:
heb even je menu met een list gemaakt, makkelijker te onderhouden en dynamischer:
http://www.tamaela.nl/got/list.htm
Haha heb je tijd over ofzo! Bedankt man ik gooi em er binnenkort in! Denk dat het probleem dan wel opgelost is! Leer ik hier ook nog eens wat! Haha dank je wel! Ziet er ook goed uit!
Pagina: 1