2017-09-23 2 views
1

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

+0

ne peut pas reproduire, avez-vous essayé différents navigateurs? – PRMoureu

+0

Chrome et IE montre le même –

+0

quelque chose dans le script JS pourrait être coupable? – PRMoureu

Répondre

0

Peut-être un allumé? C'était un peu trop tard ... Le problème était que j'avais changé mon IDE. Avant d'utiliser PyCharm, je suis passé à Visual Studio. On dirait qu'ils utilisent tous les deux un encodage différent et que quelque chose s'est cassé pendant la migration. Créer un nouveau fichier et copier du contenu était la solution.