I implemented a 1 px border north and south of the header. Which made the search bar show in opera completely, but now chrome has a ton of space to deal with.
I wonder if there’s a css variable that would force the header to show the bottom and the top pixel lines completely and then load everything in between, so it wouldn’t do this. Opera would just load with extra white space in the header.
max height and set height to 100%? I’m not sure if that would screw it up or work though. I need to keep looking.
I got the 1px borders and I set the height to 100%. Do I need to set a max height with this implemented just in case it decides that the header is 100% of the entire page so the content would be like 50k pixels down or does this work fine nowadays? I’d set it to like 300px or something that would completely on the sites that load larger, but this would stop it from loading with 500px of space or the dreaded 50k (lol that’s insane, but just saying).
I’m not going to play with it anymore now. I think if it wants to load with a little extra space in ie and opera that’s fine. It’s only like 5px of space above and below the line which isn’t exactly as noticeable as the missing search box and the 30px of line. Better to just not touch it anymore. Thank you.