visionmedia/jade — Issue #495: jade generated html code missing ending div
Author: wggit
Created: 2012-02-04 05:33:26+00:00
State: open

Issue: When page loads logo image appears at end of the page.

Content of jade template:

!!! 5
html(lang="en")
head
link(rel="stylesheet", href="/stylesheets/wg1.css", type="text/css",charset="UTF-8")
body
#main
#logo
img(id='logo', class='input-img', src='/Images/logo1.jpg')

wg1.css content:
-----------------------
body
{
background-image: url(../Images/bg.jpg);
background-repeat: repeat-x;
font-size: 11px;
font-family: Arial;
font-weight: normal;
color: #1b2d45;
height: 16px;
}
#main
{
width:840px;
height:530px;
position:relative;
margin-top:5px;
top: 0px;
left: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-color:White;
}
#flash
{
width:363px;
height:247px;
float:left;
}

Issue: When page loads log image appears at end of page.

HTML code generated (view source)

Welcome to Webgarner

Looks like end

is missing for id=main and id=log.

In jade template am I missing something?

Thank you.