Hey ik ben voor de eerste keer zelf mijn website aan het scripten in html. Ik heb de homepage in chrome IE en safari werkend maar op een of andere manier werkt ie niet in Firefox de delen van de website worden niet weergegeven of staan door elkaar. hoe kan ik dat oplossen?
Website werkt niet in firefox
- Onderwerp starter Webklus
- Startdatum
- Status
edmoor
Inventaris
- Lid geworden
- 8 sep 2000
- Berichten
- 42.903
- Besturingssysteem
- Windows 98SE, XP, 7, 10 LTSC, 11-25H2
- Office versie
- Office 2021
W3C validator:
http://validator.w3.org/
http://validator.w3.org/
- Lid geworden
- 13 aug 2013
- Berichten
- 5.691
- Besturingssysteem
- Windows 11
- Office versie
- 2019 Pro Plus
HTML markup validator controleert je html op syntax fouten.
CSS validator controleert je css op syntax fouten
Beide validators controleren geen cross-browser bugs!
CSS validator controleert je css op syntax fouten
Beide validators controleren geen cross-browser bugs!
- Lid geworden
- 13 aug 2013
- Berichten
- 5.691
- Besturingssysteem
- Windows 11
- Office versie
- 2019 Pro Plus
Heb je in je pagina een normalize.css (of reset.css) als eerste stylesheet. Google even en je vindt ze wel. Een dergelijke stylesheet haalt bestaande verschillen weg tussen browsers.
Voor jouw probleem kun je misschien een linkje van de pagina geven of een stukje code posten...
Voor jouw probleem kun je misschien een linkje van de pagina geven of een stukje code posten...
hier heb ik het op geupload alleen de homepage staat er nog maar op http://newklus4pc.esy.es/
- Lid geworden
- 13 aug 2013
- Berichten
- 5.691
- Besturingssysteem
- Windows 11
- Office versie
- 2019 Pro Plus
hi webklus,
Begin je pagina met het volgende:
Kijk even of FF werkt. Zo niet, laat dan even weten wat er niet goed gaat.
Suc6. Have fun.
Begin je pagina met het volgende:
Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Home Klus4pc</title>
<meta name="description" content="Hier komt de omschrijving van de pagina">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="css/style.css">
</head>Suc6. Have fun.
- Lid geworden
- 13 aug 2013
- Berichten
- 5.691
- Besturingssysteem
- Windows 11
- Office versie
- 2019 Pro Plus
Er zitten in de eerste 6 regels foutjes die niet mogen!
Zolang de basis niet goed is heeft het geen zin om andere problemen te bekijken.
Wat bedoel je met "...flipt hij overal ..."
Code:
Jouw code:
<html DOCTYPE !HTML>
<title>Home Klus4pc</title>
<head>
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>Hier komt tekst voor op het tabblad</title>
</head>
moet echt vervangen worden door:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Home Klus4pc</title>
<meta name="description" content="Hier komt de omschrijving van de pagina">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>Wat bedoel je met "...flipt hij overal ..."
- Lid geworden
- 13 aug 2013
- Berichten
- 5.691
- Besturingssysteem
- Windows 11
- Office versie
- 2019 Pro Plus
Ik zie een foutje in je menu, er staat een </li> te veel in. Dit is nog niet de oplossing denk ik. Het foutje moet er wel uit. Het volgende is goed:
In de css mogen alle regels met * html eruit. Dat is voor IE6 (prehistorie).
Code:
<div class="nav">
<ul id="nav">
<li><a href="http://klus4pc.nl">Home</a></li>
<li><a href="#">Over mij</a></li>
<li><a href="#">Diensten</a>
<ul>
<li><a href="#">Computer Klussen</a></li>
<li><a href="#">Website Klussen</a></li>
</ul>
</li>
<li><a href="#">Aanvraag</a></li>
<li><a href="#">Portofolio</a>
<ul>
<li><a href="#">Website's</a></li>
<li><a href="#">Anders</a></li>
</ul>
</li>
<li><a href="#">Contact</a></li>
</ul>
</div>- Lid geworden
- 13 aug 2013
- Berichten
- 5.691
- Besturingssysteem
- Windows 11
- Office versie
- 2019 Pro Plus
In je css staat ergens onderaan
Dat mag je weghalen. (alleen als opmerking, niet als oplossing).
*** aanvulling
Ik zie 2 sites namelijk http://newklus4pc.esy.es/ (gratis) en http://www.klus4pc.nl/ (weebly, niet gratis)
Je gaat de weebly layout zelf maken
Code:
/* IE only hack */
* html ul li, * html ul ul li{
border-bottom: 3px solid #000000;
}
* html ul ul li{
border-top: 0;
}*** aanvulling
Ik zie 2 sites namelijk http://newklus4pc.esy.es/ (gratis) en http://www.klus4pc.nl/ (weebly, niet gratis)
Je gaat de weebly layout zelf maken
Laatst bewerkt:
oke nee ga een andere lay-out maken met allerlij dingenen dan als het werkt alles overzetten naar webhost. dus even voor de duidelijkheid ik ga het weebly lay-out niet namaken. Ik hebhet uit de css gehaald het html stukje.
Bij het weg halen vandat stukje verdween mijn achtergrond!
Bij het weg halen vandat stukje verdween mijn achtergrond!
Laatst bewerkt:
- Status
