Home/ Questions/Q 7648695
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T10:46:55+00:00

I have two sets of identical html and css files. One of which I’m

  • 0

I have two sets of identical html and css files. One of which I’m loading up through Rails’ index.html.erb file via a controller and all that, the other I’m running through my public folder as a control. The public index.html file looks fine:

Index in public directory

But when I run these exact same files in the rails index.html.erb file, it looks like this:

index.html.erb file

As you might be able to notice, the BETA text is slightly lower in the Rails build, and obviously the navigation list goes below my header element.

I’m admittedly a bit new at both css and rails, so this may be a known issue I’m unaware of. I tried searching for some insight but didn’t find any problems similar to this one. If anyone has a tip on how to resolve this I’d be very thankful!

EDIT: I’m including my index.html and style.css files in the following pastebins. They’re quite small, maybe a look at them could give some insight to you guys.

HTML: http://pastebin.com/wyYEN92n

CSS: http://pastebin.com/60xMe9YG

EDIT 2:

Found these two lines in the page source:

<link href="/assets/application.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/home.css?body=1" media="all" rel="stylesheet" type="text/css" />

I’m thinking it is safe to assume that something in these css files is causing the discrepancy. I will investigate and report back.

EDIT 3:

Looks like neither of those css files actually do anything. I’m including the contents of both in this pastebin: http://pastebin.com/pbHwEp4w

As you can see it’s just commented stuff. What I did notice however, is that the page source has 2 html tags included in the same file. I’m pastebining that as well: http://pastebin.com/h4Rjqi4B

It goes 

<html>//rails generated stuff</html> 
<html>//My stuff</html>

Could this be causing the problem?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    With regards to edit #3: it looks like that is coming from the default layout in app/views/layouts/application.html.erb. By default, Rails will load that file and put all of the content from the view where <%= yield %> is specified. If you had additional <html>, <head>, etc. tags in your view file, they would be duplicated. You can learn more about layouts here. Also, take a look at the asset pipeline for how to structure your CSS files in the app.

    Like Ernest said, Rails is just delivering the HTML/CSS files, so the framework itself does not affect how the browser renders the content. However, the order in which the content is presented to the browser, of course, does matter.

    • 0