PAINTKILLER
856,567 views
239 followers
25,799 updates
1 tips
Neocitizens - I was reminded of an issue with my layout. On diff resolutions and screens the header and other boxes get jumbled as the screen/resolution gets smaller. Is there a way to mmake my header and divs fixed so that doesn't happen? I tried some stuff early on with no luck and kinda forgot about it til I was reminded.
2 likes
![[tfpXE] avatar](/site_screenshots/15/25/tfpxe/index.html.50x50.webp)
Hey! That happens in my laptop (is a very old laptop with a small resolution), I inspected your code witth the broswer developers tools, I think you can try moving the header inside your div id="all", and then in your css change the value of the "top" value to something smaller, but maybe you will have to add a media querie rule for smaller resolutions so the header won't be like cropped in small resolutions.
I think that should solve the problem, hope it helps! :D
Ugh, that sounds like work met with failure aka trial and error. Maybe this weekend lol.
I took a look at your html and css, i noticed you have a div class="shake-slow" being centered, but I noticed, you don't actually call that div class in your css. You could try removing the the center tags, and adding the div class to your css with margin: 0 auto tag.
I did a live edit on your code, and was able to make everything line up and flow whenever the browser resizes, which is called a fluid layout, which is what mine does. I saved the edits if your interested, I did a few edits which is difficult to explain in a comment =)
@enflicted - Oh you rock, man! I would love to take a look at, and likely use, those edits if you don't mind. I am anything but a web developer, I just hack code together until I get something that I like lol, so my html/css is a mess, admittedly.
it's all good man, I sent them to you in an email. Let me know if anything doesn't work right!
@enflicted - oooooh, off to check my email! :)