Jump to content

S@m

Members
  • Posts

    299
  • Joined

  • Last visited

Posts posted by S@m

  1. You could give your table and id, then in your css:

    table td {whatever you want;}

    I'm not sure what you mean about the borders around input boxes. You kind of want those so the user knows where to type.You can change the type of border if that is what you want. IE may make things a bit tricky depending on what you want to do.If you use:

    tabe input {border:1px solid #ccc;}

    that will put a border around every part of the input. Just be aware of that. You may have to do it manually to each element. Otherwise you have to use Javascript.

  2. Well, you need to adjust the paths to the location of your style sheet.And, leave the comment bits in there. That is supposed to be there. :)To see if it is working properly, change the body background color to something else for IE. Leave the Firefox one alone. Refresh, it should be different. You won't see any change if you just copy your original style sheet and rename it to whatever. Whatever elements are giving you trouble in IE is what you need to adjust. (In the correct style sheet)So, if something is goofy in IE6, adjust the IE 6 style sheet, but leave the others alone.Make sense?

  3. In no way is this directed at you, but more towards the entire community.I really wish that people would listen when I suggest using conditional commenting, and create 3 style sheets.Why?1.) IE is garbage2.) IE is garbage3.) IE is garbageYou need to have a link to your "regular" style sheet (For Firefox, Opera, etc)Then you need this:

    <!--[if lte IE 6]><link rel="stylesheet" type="text/css" media="screen, projection" href="style_IE.css" /><![endif]--><!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen, projection" href="style_IE7.css" /><![endif]-->

    The first If sets up your style sheet for IE 6 and below. Mainly 6 because IE5...forget about it.The second If sets up your style sheet for IE7.As you are finding out, IE6 and IE7 render things quite differently. That's another reason NOT to fill your style sheets full of hacks. IE6 may not see them, but IE7 might. Makes for a real headache.Hope this helps! Hollar if you need more help. :)

  4. I would use the javascript method.

    <p><a href="java script:scroll(0,0)" rel="next" title="Return to the top of the page">Top</a></p>

    That will make sure you get to the very top of your page. The id method will work, but it will only take you as far up as the id. Problem with that is that the user may have to scroll up a smidgen more to get to the actual top.IMO, the javascript method is more efficient.If a person has javascript disabled, they probably have css disabled, cookies disabled, and their internet experience is crap anyway. So let them look at your long scrolling text as punishment. :)

  5. It really shouldn't be too tough. If you copy your current sheet and use it for IE, then all you have to do is play with the numbers in the dropdown ID. The rest you can leave alone.With IE, it's anyones guess as to what will and won't work. :)

  6. No problem.When all is said and done, you will end up with 3 .css files.1 for all of the "good" browsers (Firefox, Opera, etc.) and 2 for stupid IE. (v6 and v7)This is how you normally call in your style sheet agree?

    <link rel="stylesheet" type="text/css" media="screen, projection" href="style.css" />

    Then, just below that put this line of code:

    <!--[if lte IE 6]><link rel="stylesheet" type="text/css" media="screen, projection" href="tyle_IE.css" /><![endif]-->

    That will detect/serve a style sheet for ONLY IE6 and below. In all honesty, I would not worry about anything lower than IE6.Then below that, add this:

    <!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen, projection" href="style_IE7.css" /><![endif]-->

    That will detect/serve a style sheet for IE 7, but leave your styles alone for IE6. Pretty slick huh?IMO, this is the only way to go. The effort up front is a little more than hacking together a single style sheet. But, the results in the long run FAR outnumber the initial setup. You will be glad you did it this way.Hope this helps!

  7. You will need to create several versions of your style sheets.One for Fire Fox and other compliant browsers.One for IE6One for IE7Use conditional commenting to create the 2 sheets for IE.If you make changes to display correctly for version 7, it will mess up your display for version 6. (Because IE is so awesome like that)Most of the population is still on version 6, so I would defiantly make sure your page renders correctly in that version before I worried a whole lot about 7.Read my post here:http://w3schools.invisionzone.com/index.ph...itional+Comment

  8. It's a pain, and so is IE.But, without hacking up your style sheet that's the only way to go. This is also a good idea because you can maintain a valid style sheet/page. IE 7 may/may not read those hacks, so once you hack it up to work in IE6, it may look funky in IE7.Isn't it grand!? :)

  9. Do a search here for "Conditional Comment" I think I have posted a million examples. :)You will want to create another style sheet for IE. That way you can adjust the settings like you are taling about without throwing your settings out of wack for the other browsers.

  10. I would get rid of the table all together.You could put border-left/border-right on your td's. But you are looking at a lot more work than it's worth IMO.What are you trying to do? Do you have an example?

×
×
  • Create New...