• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 211
  • Last Modified:

Need help on CSS details to make it work in IE

Hi

I created a simple FAQ page for our software. It looks OK in Firefox and Chrome and now I'm stuck with how to make it work for IE.

This is the page: http://www.magic-optimizer.com/faq1.php

CSS file: http://www.magic-optimizer.com/files/style.css
The FAQ styles start with #faqcontent.

Issues:

1. It is not divided into 2 columns, but as 1 long column - need it to be in 2 columns
2. Links in left column need to have 'square' bullet points
3. Color and font formatting is lost in answers

And one question for all browser:

4. How can I stop breaking the word 'Magic Optimizer' in Categories quick links on top? I would like to make it stop breaking the word and display all in one line, either first or second. Of course it should work for all words, in case I change them.


I hope this should be very easy for somebody who is working with CSS for a little time. I usually just copy and paste from examples and try to make it work for my content.

Thank you!
0
Delphi_developer
Asked:
Delphi_developer
  • 2
2 Solutions
 
LZ1Commented:
First issue validate your code:
HTML: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.magic-optimizer.com%2Ffaq1.php

CSS:http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww.magic-optimizer.com%2Ffaq1.php

Start by fixing those errors and we can go from there.

Using tables for your layout is also ill-advised.
0
 
Delphi_developerAuthor Commented:
Thank you! I can't believe your suggestion actually worked :)

I always put 1 in the name of an attribute I want to 'disable', so I fixed these, although they were not the cause.

I changed <section> to <div> and it works.


What about #4? Stop breaking the word by space in between?
0
 
LZ1Commented:
Try this:

#faqcontent .questions .quick-links li {
    display: inline;
    float: left;
    margin: 0 10px 0 0;
}

Open in new window

0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now