Problem with alignment in different Browsers??

by 7 replies
9
Hey guys,

Ive just recently developed a website using mainly dreamweaver... Now i've just realised a problem. The website looks perfect and as it should when you open it in Firefox. However, if you open it in Internet Explorer the top banner isn't aligned correctly which the background image... also the text is centered when it should be aligned left.

Can anyone please shed some light on what the hell is happening here?

The website is: (sonsofvalour.net)

Any help much appreciated thanks!
#website design #alignment #browsers #problem
  • edit in css for body properties:

    change value --> background-position-y: center to none

    This will fix bg image position in IE.
  • awesome that fixed the alignment problem.... now how do i make the text align left instead of center?
  • Remove center tag.

    keep body{ margin: 0 auto; padding: 0 auto; text-align: center;} this will solve the matters.
  • Banned
    [DELETED]
  • Since its probably too much to ask to redesign the site without using tables, you need to at least add a class to the table that holds your main content area. This will allow you to style that area independent of other areas.

    For example:

    Code:
    <table class="mainTable">...Your content here...</table
    Then, you can style that section like so:

    Code:
    .mainTable{text-align:left}
    You also need to remove the <center> tags from your layout. Positioning should be done solely with CSS.
  • Banned
    [DELETED]
  • Yes, the mention of the IE problems reminds me of a nice faq page I saw lately.

    MS does a lot of neat stuff, the IE still seems to be quirky.
  • DEATH TO IE... You can target IE with separate CSS sheets. However your site seems to be coded in tables and CSS within the work book...

    The site is OK and glad to hear you got your allignment problems sorted.

    If I were you - I'd get all the CSS linked into a stylesheet separately, also code your website in divs, go div crazy you'll see your traffic increase

    Good job man

    p.s. I know you weren't asking for feedback so you can do as you please with my comments
Join the discussion

Next Topics on Trending Feed

  • 9

    Problem with alignment in different Browsers??

    Hey guys, Ive just recently developed a website using mainly dreamweaver... Now i've just realised a problem. The website looks perfect and as it should when you open it in Firefox. However, if you open it in Internet Explorer the top banner isn't aligned correctly which the background image... also the text is centered when it should be aligned left.