Home/ Questions/Q 4060498
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T15:20:43+00:00

Hello all I am trying to work through (learn) MVC3 and I was playing

  • 0

Hello all I am trying to work through (learn) MVC3 and I was playing aroudn with formatting my view using CSS. When using html / webforms have been able to use div tags and apply to that div teh approiate css style.

When using MVC adn creating the layout in my view I have found that multiple CSS styles are not being inheritted.

for example: (sorry for the image but razor syntax seemed to fail on the code cut/paste

enter image description here

In the above I had a div tag for certain sections. however when I used the class property

<div class="myfirststyle" >some content</div>

for each of these div tags only the first one would be detected. The remaining div tags seemed to inherit from the main body style. also defined in the main CSS file.

Can anyone point me to some information on how to setup and style div tags within a view using CSS instead of the stylel property as shown in the above image OR is this correct as you cannot directly call CSS styles from a view as they are only recognized by the page layout.cshtml or masterpage?

Thanks in advance

Update: to help troubleshoot what is happening please refer to the following

Code within the view (using razor engine)
enter image description here

code within the CSS

code within the CSS

output from developer toolbar notice how first div layer attributes are detected
enter image description here

output from developer toolbar notice now how image div does not have a style applied

enter image description here

What is interesting is that when viewing the source in html you can still see the CSS tags within the DIV tags they are just not being picked up or inherited for some reason after the first node/div tag

Thanks again for any pointers

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Definitely not the case. Something else is going on.

    Did you include your CSS file in the view or it’s master page?

    <link href="@Url.Content("~/Content/YourCSS.css")" rel="stylesheet" type="text/css" />

    Or manually add the CSS to your view?

    <style type="text/css">
    div.myfirststyle { ... }
</style>

    If so, have you confirmed the spelling of classes? Typos happen, and we can’t see from your image whether or not you added classes to divs. Add some of your code even if you can’t format it well enough 🙂

    • 0