HTML element percentage height problem

StackOverflow https://stackoverflow.com/questions/3328706

  •  29-09-2020
  •  | 
  •  

Question

i made myself a Speed Dial-like homepage with links I visit the most. Now, i made it elastic, so when browser window is narrowed horizontally, the boxes getting narrower too.

What I want is that when browser window is narrowed vertically, that boxes get narrower again.

I tried with several percentage height rules but it didn't work, need help.

Here is the page I'm working on its one-file page so CSS is not separated. http://www.purplerspace.com/dl/

Was it helpful?

Solution

You have to add the height percentages to almost all the divs if you want it to work. Add height: 100% to html, body then the wrappers and also the lis and yeah, the a style too.

OTHER TIPS

Don't know if it's optimal but tables for this should work. Set the table height and width to 100%. And don't forget to set your html and wrapper tag to 100% in height.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top