trying to be a mile wide AND a mile deep
This tag is a catchall for getting website elements to be the right size and shape, in the right place and with the desired spacing around them.
Here, at great length, is the sequel to my post on aspect ratio, about vertical positioning. Again, horizontally, everything is easy – declare width: and left: as percentages, and as the screen size changes, they will change in tandem. For vertical positioning originally (i.e., almost a year ago – but then again, only almost a […]
So suppose you want to fix the sidebar on a Twenty Fifteen WordPress site, because most of the time it’s going to be short enough to fit entirely on the screen. And suppose you don’t want the nice wide scrollbar Internet Explorer (even 11) will put down the edge of your sidebar whether or not scrolling is happening or even possible. Let’s talk about that.
Just that. I have had enough experiences where setting position was my last-ditch throw the kitchen sink at it effort, but turned out to be the key, that it’s hard to believe I haven’t started trying it first. A non-exhaustive list: I’ve covered how positioning affects z-order and an experience where moving position:relative a bit […]
I’ve had some problems recently that I finally determined were just CSS acting the way it’s supposed to, which is not how my intuition told me it should. (Neither the first nor the last time for that, I’m sure.) They were all elements of the page failing to show despite being visible from the developer […]
Many if not most of the difficulties I run into with CSS (by which I do not mean to include times when I simply don’t know the desired command) come from not having the right intuition – where in the hierarchy does the style need to go, and why? What is this measurement relative to? […]
Suppose you have a web page where a certain component needs to sit within a particular region of the background image, and you’d like the whole shebang to resize according to the browser window and maintain this alignment. That is, the position of the items relative to each other and their aspect ratios need to […]