CODEWITHSUNDEEP
ruby-on-railscsslayoutyield
RSG
RSG

Reputation: 7123

Rails adding phantom whitespace above yield

This is killing me.

Application layout:

<html>
  <head>
    ...
  </head>
  <body topmargin="0"><%= yield %></body>
</html>

Home:

<div id="content">...</div>

Yet in the rendered page, across all browsers, there's a line of preformatted whitespace that pushes the content off the top of the window.

WHITESPACE! Y U NO GO AWAY?

Where is this coming from?

Resolved

Invalid HTML markup (li directly within a div) caused all browsers to add a gap at the top. Strange!

Upvotes: 1

Views: 455

Answers (4)

Georgio_1999
Georgio_1999

Reputation: 1258

I had this problem and it stumped me for a few hours. I eventually noticed that the pages causing issues had a file type of "UTF-8 Unicode (with BOM)" I just converted the file to remove this and it worked perfectly.

Upvotes: 1

Andres I Perez
Andres I Perez

Reputation: 75379

You must have an open html tag somewhere, just run your html through a validator and see if it catches any.

http://validator.w3.org/#validate_by_input

Upvotes: 4

mike zaby
mike zaby

Reputation: 488

I thing you looking in wrong layout, because you have

<body><%= yield %><body>

but in the screenshot you have 

<body topmargin="0">

Upvotes: 2

lnguyen55
lnguyen55

Reputation: 737

Correct your tag:

<%= yield %>

Upvotes: 2

Related Questions