CODEWITHSUNDEEP
cssasp.nethtmlheight
Bradley Beeke
Bradley Beeke

Reputation: 13

100% height not working due to DOCTYPE in HTML5 ASP.net

I am trying to make a Asp.net website, The homepage design is a single page portfolio style; by having each or "projects" as 100% height of the view port underneath each other allowing me to use anchor tags. My problem is that when I am using the tag it messes up my css and does not work properly so how can I fix this?

I have tried the following:

/* in CSS*/
html, body{
height:100%;
width:100%;
}

And I have added the height 100% tag to each of the parent divs and or elements of the divs I want to be 100% but still no luck. I am out of options! I can't post the full code because it is way to long and I am on a different computer to my one with code.

Upvotes: 1

Views: 669

Answers (1)

Oka
Oka

Reputation: 26355

I think I understand what you're asking, but I'm not completely sure, nor am I sure where the DOCTYPE, anchors or ASP.NET come into play.

Here's a demo of a full page document, with a few full screen child divs.

html,
body {
  height: 100%;
  width: 100%;
}

body {
  overflow: auto;
}

div {
  width: 100%;
  height: 100%;
}

Please keep in mind that percentage heights can become a headache really fast, so you need to understand exactly what you are doing.

Also note, this page is running Normalize.css which fixes browser discrepancies.

Upvotes: 1

Related Questions