WordPress.org

Forums

Not aligning div (11 posts)

  1. music_man
    Member
    Posted 9 years ago #

    Hi

    I have put on a new template on my site. It seemed to work fine on one computer - displaying the post aligned properly but when I went onto another computer (on a network - but different settings) the post did not align properly.

    Is this the same for people out there? I viewed the site in IE 6.

    http://www.debate.co.nz/index.php is the main page, then
    http://debate.co.nz/?p=53 is a sample page.

    Thanks!

  2. planetphillip
    Member
    Posted 9 years ago #

    Hi,

    Using:
    Firefox 1.0.6 = Not aligned properly. Text touching lefthand column line. Also content moves to the left after the menu has finished.

    Internet Explorer 6 = Looks pretty good.

    Opera 8.0.1 = A mess! content horizontal lines go al the way across to the menu, text touch lefthand column and content moves left after menu.

    Sounds/looks like you CSS needs a bit of editing, I wish I could help but there are better people than me here to do that.

    BTW what theme is it?

    Good Luck

    hth
    Phillip

  3. music_man
    Member
    Posted 9 years ago #

    Hi

    It's my own theme. Hm I wonder why Opera stuffs up. The CSS code is pretty good... Thank you very much for the help.

  4. Yngwin
    Member
    Posted 9 years ago #

    Your theme is obviously designed using IE. That is your mistake. It seems to display right in IE because that is a broken browser with lots of CSS bugs. You should use Firefox as a standard browser when you design, then fix things in IE later. That will make your life lots easier.

    Firefox does exactly what your stylesheet says: float the sidebar to the left and wrap main around it. You may want to put a margin-left on main.

  5. music_man
    Member
    Posted 9 years ago #

    I am aware of the faults of Internet Explorer but I disagree that I should use firefox for design. 90% of viewers are on IE. I know my site should work with all browsers, however I will endeavour to accomodate IE.

    As this site was just made and I am error checking I hardly call it my mistake.

    Thank you for the help.

  6. Beel
    Member
    Posted 9 years ago #

    The point is, if you design using FF you will have a relatively valid layout and can then tweak to appear properly in IE. Unfortunately, it doesn't work the other way. It is much easier to blur an image in focus than it is to make a blurry image focused.

  7. music_man
    Member
    Posted 9 years ago #

    I use the w3 validator most times - only I haven't got to that part yet.

  8. music_man
    Member
    Posted 9 years ago #

    I'm finding it quite hard to validate my code and fix these formatting errors for firefox/opera. Not sure what I'm doing wrong with the CSS.

    WordPress automatically inserts tags which the validator has an issue with. Any ideas please?

  9. Beel
    Member
    Posted 9 years ago #

    Well you are using h3 for your postcontent - no can do. Use a div.

  10. music_man
    Member
    Posted 9 years ago #

    Why can't I have an h3 tag?

  11. Beel
    Member
    Posted 9 years ago #

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.