Twenty Ten 1.2 Theme. Teach a Teacher!

  • Resolved jstraete

    (@jstraete)


    12 years, 8 months ago

    I am a teacher currently working on a website to use for school this year. I am trying to create a customized blog using the Twenty Ten 1.2 Theme. In Firefox, everything looks great. In IE9, my site is aligned to the left side of the page (rather than centered). This is the main problem. The other problem is the picture for when someone leaves a comment overlaps with the username. Again, neither of these problems exist when viewed in Firefox, only IE9 (I don’t have Safari). You can view the blog here:

    http://www.mrstraeter.com/blog/

    Any help on how to customize this to view correctly in IE9 would be greatly appreciated. Thanks in advance to anyone who is familiar with this theme / problem and can help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Michael

    (@alchymyth)

    12 years, 8 months ago

    the code before the DOCTYPE declaration is messing it with IE:

    <link href="../style.css rel="stylesheet" type="text/css" />
<!DOCTYPE html>
<html dir="ltr" lang="en-US">

    move this first line to further down (if it is needed at all – it doesn’t seem to be doing anything).

    then recheck with http://validator.w3.org/

    amazing – how did you manage to edit Twenty Ten to get the look of the ‘old’ kubrick default theme?

    Thread Starter jstraete

    (@jstraete)

    12 years, 8 months ago

    Hey alchymyth,

    I removed the DOCTYPE tag and the problems were the same still. I checked the source code to make sure the tag was removed for certainty.

    If it would help to look at, my stylesheet can be downloaded from:
    http://www.mrstraeter.com/blog/themes/mrstraeter/style.css

    To answer your question, I edited the theme in three parts:
    Header: removed current header and inserted my header background and button code
    Main Content: Added my background and realigned the CSS to fit the background
    Footer: removed the current footer and inserted my background / code

    Made a few other style changes such as font and the rollovers. Thanks for the inquiry and suggestion! If anyone else has any ideas, I would really love some input on what might be causing this. I have Safari on my phone and it seems to be messing up there exactly like it is in IE9.

    esmi

    (@esmi)

    12 years, 8 months ago

    I removed the DOCTYPE tag and the problems were the same still

    Put the DOCTYPE line back in! You need to move <link href="../style.css rel="stylesheet" type="text/css" /> to below the opening <head> tag. Then start working on the rest of the markup errors.

    Thread Starter jstraete

    (@jstraete)

    12 years, 8 months ago

    esmi –

    I did put the DOCTYPE line back in lol. And moving the link tag inside the head tag made everything appear properly in IE9. I can’t explain how happy I was to see it all align correctly when it reloaded. Thank you very, very much for the input. I hope you have a great day and feel good knowing how much help you were.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Twenty Ten 1.2 Theme. Teach a Teacher!’ is closed to new replies.