HTML, the present and actual width of the differs. PPI
-
He's got a body of 1200, he's screaming at 1500.
There are two blocks with these properties:
section{ float: left; margin: 20px 50px; width: 900px; background-color: silver; }
aside{
float: left;
margin: 20px 50px;
width: 100px;
background-color: silver;
}
If one of them adds one picsel to the width, they stop being in one row, it's all right with margin.
I understand this has something to do with the PPI monitor.
Do the actual dimensions always differ? It's very confusing.
Maybe there's a way to put all the picsel in the picsel?
Or doesn't it have to be done, and everyone's going to believe it?
-
If you want to make the position of sections or blocks the perfect picsel in the picsel, I would advise you to use a percentage rather than a picsel. This is an example:
section{ float: left; width: 50%; background-color: silver; }
aside{
float: left;
width: 50%;
background-color: silver;
}
It'll give your code adaptive, as well as you can use the character of the auto. Example -
section{
float: left;
width: auto;
background-color: silver;
}aside{
float: left;
width: auto;
background-color: silver;
}
If I didn't understand the question properly, explain it more.