CSS positioning things differently between browsers [closed]

by

Use position: absolute for links.
Example for “May”:

    position: absolute;
    left: 220px;
    top: 226px;
    z-index: 2;
    text-decoration: none;
    font-family: helvetica;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
    font-stretch: extra-condensed;
    line-height: 90%;

Updated

Else use percents instead of pixels.

    position: absolute;
    left: 31%;
    top: 25%;
    z-index: 2;
    text-decoration: none;
    font-family: helvetica;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
    font-stretch: extra-condensed;
    line-height: 90%;

More Related Contents:

  1. Why can’t an element with a z-index value cover its child?
  2. How can I center an absolutely positioned element in a div?
  3. Fixed position but relative to container
  4. Understanding z-index stacking order
  5. Difference between style = “position:absolute” and style = “position:relative”
  6. Make div stay at bottom of page’s content all the time even when there are scrollbars
  7. Why does applying a CSS-Filter on the parent break the child positioning?
  8. Center a position:fixed element
  9. My position: sticky element isn’t sticky when using flexbox
  10. Why does `overflow:hidden` prevent `position:sticky` from working?
  11. How to make fixed header table inside scrollable div?
  12. If you specify `bottom: 0` for position: sticky, why is it doing something different from the specs?
  13. What are `scrolling boxes`?
  14. Fixed sidebar navigation in fluid twitter bootstrap 2.0
  15. What are the default top, left, botton or right values when position:absolute is used?
  16. Difference between static and relative positioning
  17. Set Google Maps Container DIV width and height 100%
  18. position: absolute without setting top/left/bottom/right?
  19. CSS: Top vs Margin-top
  20. IE7 relative/absolute positioning bug with dynamically modified page content
  21. pure CSS multiple stacked position sticky?
  22. CSS: display:inline-block and positioning:absolute
  23. How to stick table header(thead) on top while scrolling down the table rows with fixed header(navbar) in bootstrap 3?
  24. Targeting position:sticky elements that are currently in a ‘stuck’ state
  25. Absolute positioning ignoring padding of parent
  26. object-fit, object-positioning and absolute positioning
  27. CSS: How to have position:absolute div inside a position:relative div not be cropped by an overflow:hidden on a container
  28. position:fixed when left/top/right/bottom aren’t specified – desired results in FF/IE, but not in Safari
  29. How to use CSS position sticky to keep a sidebar visible with Bootstrap 4
  30. Why magin:auto is not enough to center position absolute or fixed?

Leave a Comment