HTML & CSS issues in MVC 4

My home page is different in html/look than inner pages.So i do not want to use
_Layout.cshtml for my home page only.I copied whole html and paste in Views->Home->index.cshtml.

My Header and footer is not working now.Here is a piece of my code

<!DOCTYPE HTML>
<!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome</title>
 @Styles.Render("~/Content/css/style2.css")
</head>
<body class="front_home">
<div class="full_page">
  <div class="head_wrap">
    <div class="head_leftwrap">
      <nav>
        <ul class="content clearfix">
          <li class="dropdown"><a tabindex="1" href="#" class="fly">Languages <i class="arrow"></i> </a>
            <ul class="sub-menu">
              <li><a href="index.html">English</a></li>
              <li><a href="#url">French</a></li>
              <li><a href="#url">German</a></li>
              <li><a href="#url">Italian</a></li>
            </ul>
          </li>
          <li class="dropdown"><a tabindex="1" href="#" class="fly">Country <i class="arrow"></i> </a>
            <ul class="sub-menu">
              <li><a href="index.html">England</a></li>
              <li><a href="#url">France</a></li>
              <li><a href="#url">Germany</a></li>
              <li><a href="#url">Italy</a></li>
            </ul>
          </li>
          <li class="dropdown"><a tabindex="1" href="#" class="fly">City <i class="arrow"></i> </a>
            <ul class="sub-menu">
              <li><a href="index.html">London</a></li>
              <li><a href="#url">Paris</a></li>
              <li><a href="#url">Berlin</a></li>
              <li><a href="#url">Rome</a></li>
            </ul>
          </li>
        </ul>
      </nav>
    </div>

What i am missing here?

methewjay

My Header and footer is not working now.

Are you meant header and footer is not visible? If so, check that your above code contains header/ footer part.

francissvk

My Header and footer is not working now.

I ment they are not well alligned…CSS and images are not working properly

Leave a Reply