The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Centering elements Chrome vs Safari
passing the mouse on the white square appear link.
how can I center link in chrome and safari ?
http://codepen.io/anon/pen/KwxzKp
Your HTML structure isn’t really set up for this…I’m not sure why the ul is inside the trigger div (which is, in itself, floated right).
ul
You’d need to re-build a little like so for something a little simpler.
http://codepen.io/Paulie-D/pen/ZYMWbp
the links disappear you can not click
Hmmm…on thinking about it, I’m not sure you can even do this with CSS without absolute positioning which I think you should avoid.
I’d gonna have to think some more…this sort of thing is usually handled by Jquery.
No…in fact I’m pretty sure you can’t.
If the toggle is to hover over the little while block then the menu would need to be inside it to stay visible …and that would require absolute positioning to center it.
I’d go with Javascript / Jquery.
my code works but it is not centered on safari
test it
center it on safari ?
