0
Welcome Guest! Login
0 items Join Now

ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down. Read our Farewell Blog Post for more details.

CSS issues with Safari Webkit?

Last Post
Search Topic
    • Adamck's Avatar
    • Adamck
    • Elite Rocketeer
    • Posts: 546
    • Thanks: 2
    • Web Developer, IT Assistant, Graphics design, App Developer

    CSS issues with Safari Webkit?

    Posted 13 years 6 months ago
    • Hi Guys.
      Hoping a CSS guru can help me...

      Running Safari 5.1.1 and i have a section of CSS that just refuses to work in it.
      Displays fine in firefox and IE (yes im shocked it work in IE and fails in safari aswel!!).

      Anyhow..
       
#listform_$c .list-footer{
 
        display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-align: stretch;
 
        display: -moz-box;
        -moz-box-orient: horizontal;
        -moz-box-align: stretch;
 
        display: box;
        box-orient: horizontal;
        box-align: stretch;
}
 

      I get this in IE / Firefox
      This image is hidden for guests.
      Please log in or register to see it.


      And this in Safari
      This image is hidden for guests.
      Please log in or register to see it.


      the only part thats failing is this part for Safari
           display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-align: stretch;

      Any ideas?

      Searching around on google says that -webkit-box is valid for Safari and should work... :(
    • Kiss my RSS
    #736685
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29363
    • Thanks: 956
    • Volunteer

    Re: CSS issues with Safari Webkit?

    Posted 13 years 6 months ago
    • I havent really used it but I would still expect a height: 100% somewhere ...

      Not sure if the web is ready for stuff like this ...
    #736694
    • Adamck's Avatar
    • Adamck
    • Elite Rocketeer
    • Posts: 546
    • Thanks: 2
    • Web Developer, IT Assistant, Graphics design, App Developer

    Re: CSS issues with Safari Webkit?

    Posted 13 years 6 months ago
    • Tried height: 100% but nothing :(

      Its working because its moved everything into place so its all displaying correct, i just cant understand why the pagination numbers have dissapeared?!?! its crazy!

      Web should be ok for it, displays ok on every browser but Safari :(
    • Kiss my RSS
    #736696
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29363
    • Thanks: 956
    • Volunteer

    Re: CSS issues with Safari Webkit?

    Posted 13 years 6 months ago
    • ie 8?
    #736699
    • Adamck's Avatar
    • Adamck
    • Elite Rocketeer
    • Posts: 546
    • Thanks: 2
    • Web Developer, IT Assistant, Graphics design, App Developer

    Re: CSS issues with Safari Webkit?

    Posted 13 years 6 months ago
    • IE 8 wont accept the CSS3 but it still displays the pagination, just not as tidy.
    • Kiss my RSS
    #736705
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29363
    • Thanks: 956
    • Volunteer

    Re: CSS issues with Safari Webkit?

    Posted 13 years 6 months ago
    • why don't you just use display: inline-block etc?
    #736708
    • Adamck's Avatar
    • Adamck
    • Elite Rocketeer
    • Posts: 546
    • Thanks: 2
    • Web Developer, IT Assistant, Graphics design, App Developer

    Re: CSS issues with Safari Webkit?

    Posted 13 years 6 months ago
    • Im on it dude :)
    • Kiss my RSS
    #736766

Time to create page: 0.056 seconds