CSS layout in Safari

  • Hey, guys!
    I’m new to WordPress and new to CSS. I usually make my sites via Flash and don’t have these layout problems because of it. My current CSS layout works fine in windows IE/Mozilla/Opera/Firefox. It also works fine in Mac IE/Mozilla/Opera/Firefox, but not in Safari. The headers are off, the colors are off, and the layout is all screwed up. I don’t know why it’s so screwed up in Safari. My CSS is all hacked as I’ve experimented adapting the CSS to a layout that I like. It’s not as neat and organized as I would have done if I had built it by hand. But I don’t know enough about CSS to redo it all by hand.
    Anyway, any help you can offer so that Safari users can see my page clearly would be appreciated.
    The link to my index.php and wp-layout.css is under the main directory tree under https://www.aqueerslife.com/
    Thanks!
    Josh

Viewing 11 replies - 16 through 26 (of 26 total)
  • Thread Starter rsbenedict

    (@rsbenedict)

    The whole page?
    Do I go about that with creating another div that incloses both the header and the content and then creating a css entry that tells it to text-align center? I’m not sure how to position the entire thing in the center automatically. I’ve tried to mimic it with placing it about 15% from each side.
    Any ideas would be great!
    Thanks, root!

    Thread Starter rsbenedict

    (@rsbenedict)

    Hi, Root!
    Done! I’ve added back the #rap and given it a width of 60% with margin-left and margin-right set to auto.

    OK. A typo. Your css shows width at 100%.

    One last thing. Add position : relative; to the css for #rap

    Thread Starter rsbenedict

    (@rsbenedict)

    I had to change it, when I had it at 60%, everything but the header squished to 60% of the screen. I’ve tried playing with different settings, but if I change the #rap to anything less than 100%, the whole layout except for header is squished.

    Well in that case it is going to occupy the full width of the screen. I have gone as far as I can on this at the moment. Sorry it did not work. Best remove the rap and go back one step. I will have a look tomorrow (gmt)

    Thread Starter rsbenedict

    (@rsbenedict)

    thanks, til tomorrow!

    Thread Starter rsbenedict

    (@rsbenedict)

    I think I did it, root!
    When you get a chance, check it out!
    Thanks!

    I would go a bit wider. Plus 15% maybe.

    Thread Starter rsbenedict

    (@rsbenedict)

    Hi, Root!
    Thanks, done and done! I’ve upped my size to 75% of the window and added the text-align center at the body tag of my css. I already had tex-align: left for the content.
    Thanks so much for all your help!
    I was going to work on fixed positioning, but after I read that it is not supported in most of the browsers, especially in windows, I decided not to bother.
    Thanks again!

    Well congratulations.

Viewing 11 replies - 16 through 26 (of 26 total)
  • The topic ‘CSS layout in Safari’ is closed to new replies.