html - I have a few questions about white space, different browsers and image sizes for css -


to begin have 25% of screen of white space when people open page in chrome.

finally, if want image have same size in different screens , should include e.g. width="100%" height="50%" in html.if yes , why w3 validator not correct use percentages.also think white space mentioned above appeared after removed percentages.

i post link page bellow.

http://portfolio.rumen182.dk/

edit: believe problem exists small circle image(logome) , first background image on top(image2222).the problem background 1 doesn't change it's width adjust other screen sizes leaves white space , little logo image changes it's position have no idea why. i'm pretty sure image2222 css not correct have no idea else it.

</head> <body>     <div class="image2222">         <img src="firstpage.png" alt="page" />     </div>     <div class="nav ph-line-nav">         <a href="#">home</a>          <a href="#aboutme">about</a>          <a href="#mywork">my work</a>         <a href="#contact">contact</a>         <div class="effect"></div>     </div>     <div class="logome"></div> 

css:

.image2222 {     margin: 0;     padding: 0;     position: absolute no-rep     width: 20%;     height: 20%;  }  .logome {     position: absolute;     top: 45%;     right: 28%; } 


Comments

Popular posts from this blog

python - TypeError: start must be a integer -

c# - DevExpress RepositoryItemComboBox BackColor property ignored -

django - Creating multiple model instances in DRF3 -