css laadt te traag onder IE 7 - Softwareontwikkeling

woensdag 28 november 2007 11:00

Acties:

Verwijderd

Topicstarter

Hallo medetweakers.

Is er een oplossing voor het volgende probleem.
Bij het laden van de pagina's van de webpagina www.schaakgenootschapzutphen.nl duurt het laden van de css soms te lang in IE 7. Hierdoor springt soms het lettertype naar de Microsoft default, Times new roman (het moet Arial zijn) .

FF heeft hier geen probleem mee. Dat gaat altijd goed.
Ik vermoed dat IE 7 hierbij geen gebruik maakt van de cache en FF wel.

Omdat ik weet dat de meeste gebruikers van de website IE gebruiken vraag ik me af of dit te ondervangen is.

woensdag 28 november 2007 11:09

Acties:

Verwijderd

Er zitten volgens mij wat fouten in de css

Line 1: Het woord HTML kan niet.
Line 10: het moet .iframe zijn zo wordt het fout gerekend.
Line 130: Staat een ongebruikte afsluiting.

Groeten,
Mark

woensdag 28 november 2007 11:16

Acties:

daaan

Brandweer Zoutkamp

Even snel gekeken, maar heb je zelf al iets geprobeerd? De HTML en de CSS bevatten beide nogal wat fouten. Zorg eerst eens dat je syntax klopt, daar zit je probleem.

[ Voor 24% gewijzigd door daaan op 28-11-2007 11:18 ]

One's never alone with a rubber duck.

woensdag 28 november 2007 11:16

Acties:

swiv98

Je hebt geen Validator nodig om te zien dat de pagina een samenraapsel van een stuk of drie andere (volledige) pagina's is.
Er staat dus 3x een volledige body in.

Geen wonder dat (een willekeurige) browser denkt: hee, het einde van de body is daar. Laat ik dat maar vast eens gaan renderen.....Oh nee, toch nog meer invalide code. Ook maar renderen? Hee, een stylesheet...laat ik aardig zijn en die toch toepassen op alles wat ik al had.

Je bouwt je pagina vast middels 'includes' op. Maak eerst dat mechanisme eens in orde. Of ruim de onderdelen op zodat je 1 pagina overhoudt. Met 1 doctype, 1 html, 1 head, 1 body etc... en kijk dan of een browser aardig voor je is of niet.

woensdag 28 november 2007 11:36

Acties:

Verwijderd

Topicstarter

Inderdaad bouw ik de pagina via includes op, ik heb het e.e.a. aangepast naar aanleiding van jullie tips.
scheelt in ieder geval wat dataverkeer

Nu maar afwachten of dit fenomeen niet meer optreedt.

woensdag 28 november 2007 11:46

Acties:

H004

Dit vind ik wel een mooie: <textarea>'s gebruiken ipv <p>'s voor paragrafen, en ze dan met css stylen zodat ze er niet meer uitzien als textarea's!

woensdag 28 november 2007 11:50

Acties:

BtM909

Watch out Guys...

Verwijderd schreef op woensdag 28 november 2007 @ 11:09:
Er zitten volgens mij wat fouten in de css

[...]

Groeten,
Mark

Hallo Mark,

1. groeten hoeft niet onder elke post

2. Line 1: Het woord HTML kan niet.
Dat stond, neem ik aan, in de originele css? In welke hoedanigheid, want je kan wel degelijk je HTML 'stylen'

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.

woensdag 28 november 2007 12:01

Acties:

daaan

Brandweer Zoutkamp

Verwijderd schreef op woensdag 28 november 2007 @ 11:36:
Inderdaad bouw ik de pagina via includes op, ik heb het e.e.a. aangepast naar aanleiding van jullie tips.
scheelt in ieder geval wat dataverkeer

Nu maar afwachten of dit fenomeen niet meer optreedt.

Heb je de output van je HTML code al eens goed en rustig doorgekeken?

Dingen als

code:

1	</html><body><body .... >

en

code:

1	echo'</body></html>';

in je output kunnen écht niet.

Zorg ook dat je CSS netjes is (indents allemaal gelijk etc), en zorg dat je layout (html / body / div tags) los maakt van je content.

One's never alone with a rubber duck.

woensdag 28 november 2007 12:04

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

stukken code als:

code:

<html>
<head>
<link rel="stylesheet" type="text/css" href="css/zsg.css">
<title>Schaakgenootschap Zutphen</title>
</head>
</html><body><body bgcolor="eeeeee"><div id="header">

zijn écht een ramp, en zullen je hoogstwaarschijnlijk veel problemen geven..

code:

1	echo'</body></html>';

als HTML output is ook erg slordig

verder zijn die <textarea cols="182.85714285714" rows="12.2" > die je gewoon als normale <DIV> of <P> blokken wilt gebruiken ook een lelijke en problemen opleverende werkwijze.

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

woensdag 28 november 2007 12:28

Acties:

Saeverix

Inderdaad zoals iedereen al zegt. Ik zou jezelf eerst eens even verdiepen in de HTML, CSS en PHP standaarden. Want de code van deze site klopt van geen kant...

Vandaar dat IE7 halverwege denkt: al_sole, bekijk het maar.
Terwijl Firefox iets meer doorzettingsvermogen heeft en er toch iets van probeerd te maken.

Ik zie ook dat je zo nu en dan XHTML Tag sluitingen gebruikt.

HTML:

1	<meta http-equiv="Author" content="P. Goudriaan" />

Dit kan gewoon dit zijn

HTML:

1	<meta http-equiv="Author" content="P. Goudriaan">

Iets wat in je editor (Dreamweaver?

) standaard ingesteld staat. Maar omdat je overal stukken code hebt gehaalt zie je dat niet overal terug...

Ook gebruik je in de <body> tag nog steeds bgcolor terwijl je dit ook al in je CSS file staat.

Je opent een paragraaf <p>, maar je sluit hem nergens weer </p>

En in je CSS file:

Cascading Stylesheet:

body {
height:100%;
width:97%;
}

Wat doen die height en width daar? Helemaal niet nodig...

En het meest grappige vind ik nog het gebruik van Textareas... Ik kan nu gewoon als bezoeker de teksten wijzigen... Het enige geluk wat je nog hebt is dat het niet opgeslagen wordt

[ Voor 3% gewijzigd door Saeverix op 28-11-2007 12:30 ]

People who live in glass houses shouldn't throw stones.

woensdag 28 november 2007 14:19

Acties:

Verwijderd

@BtM909

html,body {
background-color:#eeeeee;
height:100%;
width:97%;
font-family:Arial;
font-size:12px;
overflow: auto;

Zo stond het er, en naar mijn weten moet er voor html een punt dus .html,body {

ONTOPIC:

<body><body bgcolor="eeeeee">

2 keer body openen is een beetje overbodig en daar de bgcolor achterzetten hoef ook niet want je hebt dat al in je css.

Zo zie ik nog een paar van die foutjes die je er denk ik zelf wel uit kan halen.

[ Voor 36% gewijzigd door Verwijderd op 28-11-2007 14:24 ]

woensdag 28 november 2007 14:45

Acties:

Verwijderd

Topicstarter

@ werner
height in de body is nodig om de andere divs op de juiste hoogte te laten beginnen. Als dat er niet in staat beginnen de andere divs lager dan de positie die ik opgeef.
Ik heb me redelijk verdiept in HTML, maar ben nog niet extreem lang bezig met PHP en nogal onbekend met CSS vandaar dat ik steeds tegen dit soort zaken aanloop (zit ook wat slordigheid in omdat ik me eerst voornamelijk bezig heb gehouden met de technische oplossingen rond een stuk javascript i.c.m. PHP).

Mega bedankt aan diegene die het lek heeft gevonden in mijn pagina. Ik hoop dat dat nu voldoende afgedicht is.

woensdag 28 november 2007 14:49

Acties:

zwippie

Electrons at work

Er zit nog steeds een (al eerder genoemde) fout in:

HTML:

<html>
<head>
<meta http-equiv="Author" content="P. Goudriaan" />
<link rel="stylesheet" type="text/css" href="css/zsg.css">
<title>Schaakgenootschap Zutphen</title>
</head>
</html><body>...etc...

Moet makkelijk te spotten zijn.

How much can you compute with the "ultimate laptop" with 1 kg of mass and 1 liter of volume? Answer: not more than 10^51 operations per second on not more than 10^32 bits.

woensdag 28 november 2007 14:50

Acties:

DizzyWeb

Ondertiteld

Verwijderd schreef op woensdag 28 november 2007 @ 14:19:
@BtM909

[...]

Zo stond het er, en naar mijn weten moet er voor html een punt dus .html,body {

ONTOPIC:

[...]

2 keer body openen is een beetje overbodig en daar de bgcolor achterzetten hoef ook niet want je hebt dat al in je css.

Zo zie ik nog een paar van die foutjes die je er denk ik zelf wel uit kan halen.

Als je een class gebruikt die html heet, dan moet er een punt voor. Als je de tag <html> bedoelt, dan is het echt zonder punt. Niet lullig bedoelt, maar het lijkt er een beetje op alsof je eigenlijk niet weet hoe CSS werkt...

woensdag 28 november 2007 14:57

Acties:

Verwijderd

Verwijderd schreef op woensdag 28 november 2007 @ 14:52:
Zie hierboven; CSS is (nog) niet mijn ding.
Dit is de eerste pagina waar ik de gehele layout met CSS doe.

[...]

Ik zal er ooit wel eens beter in worden.

Zorg eerst dat je HTML op orde is. Nu is het dwijlen met de kraan open.

woensdag 28 november 2007 15:00

Acties:

zwippie

Electrons at work

Verwijderd schreef op woensdag 28 november 2007 @ 14:51:
@zwippie.

Ja had ik al veranderd maar nu ook echt geupload

Nou, er zit nog steeds een fout in nu. De overbodige / in de meta tag heb je weggehaald, maar er zit nog steeds iets te veel.

How much can you compute with the "ultimate laptop" with 1 kg of mass and 1 liter of volume? Answer: not more than 10^51 operations per second on not more than 10^32 bits.

woensdag 28 november 2007 15:01

Acties:

Verwijderd

Topicstarter

Wat is er dan nog dat opgedweild moet worden, met e i dus ?

ah nog een /html teveel.

[ Voor 19% gewijzigd door Verwijderd op 28-11-2007 15:03 ]

woensdag 28 november 2007 15:01

Acties:

Verwijderd

Als je een class gebruikt die html heet, dan moet er een punt voor. Als je de tag <html> bedoelt, dan is het echt zonder punt. Niet lullig bedoelt, maar het lijkt er een beetje op alsof je eigenlijk niet weet hoe CSS werkt...

Ik weet het gedeeltelijk maar als ik het volgende doe:

html{

}

Wordt dat bij in mn editor fout gerekend ( PHP Designer 2007 )

woensdag 28 november 2007 15:05

Acties:

Verwijderd

Topicstarter

@ marcroc: die html is al uit de css gehaald.

woensdag 28 november 2007 15:09

Acties:

Verwijderd

@ al_sole:
Snap ik maar DizzyWeb zegt dat het wel kan dus kan een foutje van mij zijn.

woensdag 28 november 2007 15:19

Acties:

Saeverix

Verwijderd schreef op woensdag 28 november 2007 @ 14:45:
@ werner
height in de body is nodig om de andere divs op de juiste hoogte te laten beginnen. Als dat er niet in staat beginnen de andere divs lager dan de positie die ik opgeef.

Dat is helemaal niet nodig als je goed gaat werken met DIVs... Dit is een soort slordige oplossing om het zo maar te zeggen.

Ik heb me redelijk verdiept in HTML, maar ben nog niet extreem lang bezig met PHP en nogal onbekend met CSS vandaar dat ik steeds tegen dit soort zaken aanloop (zit ook wat slordigheid in omdat ik me eerst voornamelijk bezig heb gehouden met de technische oplossingen rond een stuk javascript i.c.m. PHP).

Sorry, maar van die verdieping in HTML merk ik niet erg veel van terug... En ik begrijp, iedereen moet het leren. Ik het zo ook mijn fouten en blunders gehad. Maar ik hield me wel bezig met één ding tegelijk. Zou jij ook eens moeten doen. Gewoon puur HTML. Daarna als je dat redelijk onder de knie hebt bezig gaan met CSS. Pas als je dat goed onder de knie hebt (met name HTML) kun je beginnen met PHP...

Dat is niet om je af te kraken, maar dat is puur voor jezelf. Zodat je het jezelf makkelijker maakt. Want je zit goed in de richting, maar heb je als je de code ziet wel in de gaten waar het allemaal voor is? Nadat je een pagina hebt gemaakt met een WYSIWYG editor moet je voor jezelf eens in de code gaan snuffelen en kijken of je alles ook snapt wat er staat. Op die manier kun je na een paar maanden al een website maken zonder die WYSIWYG editor. Pas dan heb je je verdiept in HTML.

Je denkt hoe komt hij aan dit wijze verhaal... Dat is eigen ervaring. Ik ben ook zo begonnen. En op laatst weet je van alles een beetje. Maar niet genoeg om een valid website te maken met alles erop en eraan. En daar heb je IMHO niet veel aan...

Een goede site voor jou om eens te kijken en in te verdiepen is: http://www.w3schools.com/

People who live in glass houses shouldn't throw stones.

woensdag 28 november 2007 15:32

Acties:

Verwijderd

Topicstarter

@ werner.
Ik heb jaren zitten klooien met HTML alles client-side. Al mijn pagina's werden afzonderlijk opgebouwd (zonder CSS e.d.) Mijn HTML fouten in deze website kwamen voornamelijk omdat ik nu heelveel serverside includes heb gebruikt en in de veronderstelling was dat iedere include zijn eigen begintags nodig had, Weer wat geleerd !
Ehh mijn wysiwig editor heet kladblok

en heel veel voorbeelden haal ik van tweakers/ google. Het zou me niet verbazen als de 100% height ook ergens van Tweakers vandaan komt.

Nog iets, met w3schools verdiep je je niet, het is een naslagwerk met mooie voorbeelden. Vaak echter loop je tegen problemen aan van combinaties van voorbeelden (HTML i.c.m. CSS en PHP en Javascript) die niet lekker met elkaar werken. daar is tweakers dan weer een goeie hulp bij. Hier zitten vaklieden , zoals jij

.

woensdag 28 november 2007 16:14

Acties:

Saeverix

Een vaklied wil ik mezelf niet gaan noemen...

Maar het belangrijkste: Is je probleem al opgelost?

People who live in glass houses shouldn't throw stones.

woensdag 28 november 2007 17:27

Acties:

Verwijderd

Topicstarter

Het lijkt er wel op.

Mijn dank is groot !

woensdag 28 november 2007 18:02

Acties:

Verwijderd

<li><a ref="index.php?t=archief.php"> Archief </a></li>

ref veranderen in href.

Patrick Goudriaan.</textarea><hr></div><div id="footer" >
<hr></hr>

de eerste <hr> moet je nog afsluiten of je moet de 2e <hr> weghalen zodat het afgesloten is.

Even fixen en dan is dat ook weer prima. Verder weet ik niet of je in de rows="" wel punten mag gebruiken ik dacht zelf van niet maar dat weet ik niet zeker.

woensdag 28 november 2007 18:06

Acties:

Megamind

Verwijderd schreef op woensdag 28 november 2007 @ 18:02:
[...]

[...]

Even fixen en dan is dat ook weer prima. Verder weet ik niet of je in de rows="" wel punten mag gebruiken ik dacht zelf van niet maar dat weet ik niet zeker.

Als je <hr> gebruikt in HTML (zonder X) dan is dat volgens mij gewoon prima, ook als die je die niet afsluit, net als <p> <br>

[ Voor 184% gewijzigd door Megamind op 28-11-2007 18:08 ]

woensdag 28 november 2007 18:26

Acties:

Verwijderd

Sorry ik was helemaal abuis ! HR is verboden om af te sluiten.
Dus je moet </hr> weghalen.

woensdag 28 november 2007 19:23

Acties:

zwippie

Electrons at work

Die lappen tekst in een <textarea> ipv in een <p>, heb je daar nog een speciale reden voor om het zo te doen?

How much can you compute with the "ultimate laptop" with 1 kg of mass and 1 liter of volume? Answer: not more than 10^51 operations per second on not more than 10^32 bits.

donderdag 29 november 2007 10:09

Acties:

Verwijderd

Topicstarter

Ja, die worden uit een txt bestand gegenereerd.
als je die in een <p> zet worden de regelafbrekingen genegeerd.
Tevens kun je ze niet achter een <pre> kwijt vanwege de opmaak.

[ Voor 22% gewijzigd door Verwijderd op 29-11-2007 10:10 ]

donderdag 29 november 2007 11:50

Acties:

WormLord

Devver

Verwijderd schreef op donderdag 29 november 2007 @ 10:09:
Ja, die worden uit een txt bestand gegenereerd.
als je die in een <p> zet worden de regelafbrekingen genegeerd.
Tevens kun je ze niet achter een <pre> kwijt vanwege de opmaak.

En je werkt met php toch? Dan moet je eens kijken naar de functie nl2br. Daarmee kun je die regelafbrekingen behouden en toch je tekst in een <p> zetten.

donderdag 29 november 2007 12:17

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

Verwijderd schreef op donderdag 29 november 2007 @ 10:09:
Ja, die worden uit een txt bestand gegenereerd.
als je die in een <p> zet worden de regelafbrekingen genegeerd.
Tevens kun je ze niet achter een <pre> kwijt vanwege de opmaak.

hoe bedoel je dat, text in een PRE kun je wel gewoon verder opmaken via CSS.

Tevens kun je het 'effect' van PRE via CSS toewijzen aan een P:

Cascading Stylesheet:

1	P { white-space:pre; }

(eventueel pre-wrap, als je bij lange regels wél een newline wilt)
is CSS2 en wordt ondersteund door msie6+, mozilla, Opera5+ en Safari/KHTML.

[ Voor 5% gewijzigd door RM-rf op 29-11-2007 12:18 ]

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

donderdag 29 november 2007 13:47

Acties:

Pendaco

Vogon Poetry FTW!

Zitten nog steeds een aantal foutjes in

Je mist een character encoding, geen grote ramp maar wel zo lief voor de browsers, bijv;

code:

1	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

Zou je je header image

code:

1	</div><img class="head" src="img/titel3.png">

niet in je <div id="header"></div> zetten

code:

1 2	<div id="menu" > <p>

die paragraph kun je zowiezo verwijderen, die div is in principe niet nodig aangezien je je <ul> daar prima voor kunt gebruiken.

Verder dwaalt er verderop nog ergens een verdwaalde <p> in je code die niet wordt afgesloten.

En zo zijn er nog een aantal foutjes

vrijdag 30 november 2007 09:49

Acties:

Verwijderd

Topicstarter

De header image zweeft boven de header omdat ik het mooi vindt dat de letters over de rand heen hangen.
Wat mij verbaast is dat de validator zegt dat de img tag op die plaats niet mag.
Het lijkt er op dat de img tussen paragraph <p> tags moet. Heb ik me eerder nooit druk om gemaakt.

vrijdag 30 november 2007 10:07

Acties:

crisp

Devver

Pixelated

Pendaco schreef op donderdag 29 november 2007 @ 13:47:
Zitten nog steeds een aantal foutjes in

Je mist een character encoding, geen grote ramp maar wel zo lief voor de browsers, bijv;
code:
1
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

De character encoding wordt toch netjes in de HTTP headers meegegeven. meta is leuk voor offline en validators, maar meer ook niet.

Zou je je header image
code:
1
</div><img class="head" src="img/titel3.png">
niet in je <div id="header"></div> zetten

Dat lijkt me ook. Dit geeft nu een error omdat body niet direct inline child-elements mag bevatten in HTML Strict.

Verder dwaalt er verderop nog ergens een verdwaalde <p> in je code die niet wordt afgesloten.

close-tags voor P zijn optioneel in HTML

Intentionally left blank

vrijdag 30 november 2007 10:41

Acties:

Verwijderd

Topicstarter

Dat lijkt me ook. Dit geeft nu een error omdat body niet direct inline child-elements mag bevatten in HTML Strict.

Dus je bedoelt dat een img geen class mag bevatten ?

Dus moet de image in een div met class gezet worden als ik het goed begrijp.

vrijdag 30 november 2007 17:52

Acties:

Pendaco

Vogon Poetry FTW!

crisp schreef op vrijdag 30 november 2007 @ 10:07:
close-tags voor P zijn optioneel in HTML

You wouldnt say

Maar wat is het nou, gaan we weer lekker terug naar '97 of toch naar '08? Sluit die zooi gewoon lekker af, dan zie je tenminste waar je mee bezig bent.