CSS is all screwed up... Help!

12 replies
  • WEB DESIGN
  • |
Hi guys,

I'm not terribly experienced with CSS or anything, and I've basically copied a different styles sheet from another project and tried to use it on this one.

Anyways, it doesn't look that bad in firefox, but it looks horrible in IE. All the titles that should be centered aren't, and worst of all the testimonial boxes are thoroughly hooped.

Any ideas on where I went wrong, or what I can do to fix it?

http://10minutearticles.com/indexnew.htm

Cheers
Jonathan
#css #screwed
  • Profile picture of the author Barbara Wilson
    I went through your page......I'm not sure I found everything - or if I did, that I wrote it all down. But try these changes and see. If something still isn't what you want, we can try again.

    In the style sheet:

    .Centered - delete width: 80%

    .SolidBorder - delete margin-left: 50px and margin-right: 50px
    also, delete min-width: 550px and replace with width: 100%

    In the testimonials - the first testimonial has <font size=2> added, so you'll have to add this to the other testimonials to make the font size consistent. Also, I think the John Landells testimonial needed to have the <p class="Testimonial"> tag added as well as the font size. I'm not sure why the font size was added to the first testimonial - but when I took it out it made the text size of the testimonials pretty large so maybe you added it?

    Anyway, be sure you backup the page and style sheet before you make these changes, so if anything goes wrong - you can at least go back to what you had.
    Signature
    {{ DiscussionBoard.errors[639882].message }}
  • Profile picture of the author JonathanBoettcher
    Thanks Barbara! That dealt with a lot of the problems...

    However, the text in the testimonial boxes is still overspilling a bit (only on a few of the boxes), and I'd really like to make the boxes narrower than the page in general, which is gone now.

    Any ideas?
    Signature
    {{ DiscussionBoard.errors[640105].message }}
  • Profile picture of the author Barbara Wilson
    Your welcome, Jonathan -

    Sorry it's taken a while to get to you on this. I'm having a problem getting the testimonial boxes to center in IE.

    If you change the style for SolidBorder to:

    .SolidBorder {
    BORDER-RIGHT: #222 1px solid;
    BORDER-TOP: #222 1px solid;
    BORDER-LEFT: #222 1px solid;
    BORDER-BOTTOM: #222 1px solid;
    width: 600px;
    margin: 0 auto;
    }

    Also, go into the page code, go to the last two testimonial boxes and find where it says <DIV class="Left Justify"> and delete the class="Left Justify". Be sure not to remove the <DIV> tag.

    This works fine in FF - the testimonial boxes width is set to 600px (you can set this to anything you like) and they center up in your main text box.

    It isn't working in IE though. The box width gets set, but the boxes don't center on the page. I've searched for solutions - apparently this is a problem in IE. It actually looks like it should be working in IE - but I'm obviously missing something.

    I'm really sorry I can't seem to get this to work in IE. Hopefully, there's someone that fix it. I'll keep trying - but so far I haven't had any luck with it.
    Signature
    {{ DiscussionBoard.errors[641436].message }}
  • Profile picture of the author Fred_Acker
    Hi John,

    I sent you a pm with some files in it to help ease the pain of your testimonial boxes.

    Fred
    Signature

    Right Now. What a wonderful time to start!

    {{ DiscussionBoard.errors[642463].message }}
  • Profile picture of the author Barbara Wilson
    Hey Fred - you know how to fix the centering problem in IE? I'd love to know - can you share with me?
    Signature
    {{ DiscussionBoard.errors[642827].message }}
    • Profile picture of the author Fred_Acker
      Hi Barb,

      If you're using tables use a center tag outside your table:

      < center >
      Your table
      < / center >

      This tag will be outside your first table.

      You won't need it for the inside tables.

      If you're using css and div tags try this:

      body{
      text-align: center;

      Then reformat your text tags for headlines and paragraphs.

      Now if you want to know why this works...

      i have not the slightest idea

      I just found out i don't have enough posts to pm you John, so here's the link:

      localbusinessthemes.com/forjohn/10minart.zip

      (sheesh... I can't even post a link - Starting over sucks!)

      Fred
      Signature

      Right Now. What a wonderful time to start!

      {{ DiscussionBoard.errors[642850].message }}
  • Profile picture of the author Barbara Wilson
    Thanks Fred. I appreciate it. I don't have a problem with tables. But Jonathan's page is pretty much run by the css. I can handle most stuff in css - but centering the testimonial boxes in IE gave me a fit. I found the body{ text-align: center; work-around and I'm pretty sure I tried that but it didn't do the trick. Probably something else in the css or code somewhere that's messing with it. I couldn't find it though.
    Signature
    {{ DiscussionBoard.errors[642876].message }}
    • Profile picture of the author Fred_Acker
      Ah... the joys of working with other peoples work

      Don't ya love it?

      The only thing I saw on Johns page was the padding for the testimonials needs to be added or adjusted. This should bring it off the edges. But the boxes I uploaded for him are much easier to use. Just add text, copy and paste.

      Fred
      Signature

      Right Now. What a wonderful time to start!

      {{ DiscussionBoard.errors[643111].message }}
  • Profile picture of the author Barbara Wilson
    Fred - I hope you don't mind - I downloaded your zip for Jonathon and peeked. Nice work!

    I had managed to get rid of the over-spilling in the text boxes. It was just that pesky centering in IE that had me stumped.

    Everyone has their own way of setting things up and doing things. And there's always more than one way to skin a cat! It is difficult trying to decypher other people's work. Sometimes it's difficult trying to decypher my own work if I have to go back and look at it some time later! By then I'm usually handling things differently and I think "Now why in the world did I do THAT!"

    Barb
    Signature
    {{ DiscussionBoard.errors[643215].message }}
    • Profile picture of the author Fred_Acker
      No Barbara, I don't mind at all. Thanks for the compliment

      Fred
      Signature

      Right Now. What a wonderful time to start!

      {{ DiscussionBoard.errors[644263].message }}
  • Profile picture of the author JonathanBoettcher
    Barbara and Fred - thank you both very much for your help!!!

    I've been away for nearly the last week and haven't had a chance to catch up on this thread.

    Thanks for the files Fred - that's kind of a neat idea making mini site for the testimonial boxes!

    Now I'm off to see if I can get this to work... =)
    Signature
    {{ DiscussionBoard.errors[653764].message }}

Trending Topics