Im working on some forms in this website and it renders perfectly fine but when I zoom in or out a little bit you can see how the h4’s and h5’s are no longer centered in the gray areas, sometimes even overflowing…I tried wrapping them with a div but still… Usually when I have had these kind of issues in the past it was because I had some wrapper’s size set to a percentage… but I already checked that. Could somebody tell me what I’m missing here?
Share
OK I ended up writing a wrapper for each h4 and applying a background to each of them, and hidden overflow to the wrapper. This seemed to solve the problem on all browsers. Then I just aligned the backgrounds so they looked like one long strip that crossed the screen. Thanks everyone for your comments and help