tout le monde! J'ai un problème lors de l'héritage d'un autre modèle dans Flask. Mon premier fichier layout.html ressemble à ceci:Flask html templates héritage problème - éléments mélangés
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Flask</title>
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<header>
<h1>Some header</h1>
</header>
<content>
{% block content %}{% endblock %}
</content>
</body>
</html>
deuxième « main.html »:
{% extends "layout.html" %}
{% block content %}<p>test</p>{% endblock %}
Tout semble ok mais quand je charge la page dans le navigateur les éléments ressemble à ceci (tout de la tête est déplacé vers le corps:
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<meta charset="UTF-8">
<title>Flask</title>
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
<script type="text/javascript" src="script.js"></script>
<header>
<h1>Some header</h1>
</header>
<content>
<p>test</p>
</content>
</body>
</html>
quelqu'un peut-il expliquer pourquoi cela se produit
ne peut pas reproduire, avez-vous essayé différents navigateurs? – PRMoureu
Chrome et IE montre le même –
quelque chose dans le script JS pourrait être coupable? – PRMoureu