9 {{ upvoteCount | shortNum }}
9 {{ upvoteCount | shortNum }}

Problem with alignment in different Browsers??

by Etherate
7 replies
  • WEB DESIGN
    • |
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!
#alignment #browsers #problem
  • Profile picture of the author zipprosystem
    edit in css for body properties:

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

    This will fix bg image position in IE.
    {{ DiscussionBoard.errors[6835155].message }}
  • Profile picture of the author Etherate
    awesome that fixed the alignment problem.... now how do i make the text align left instead of center?
    {{ DiscussionBoard.errors[6835196].message }}
  • Profile picture of the author zipprosystem
    Remove center tag.

    keep body{ margin: 0 auto; padding: 0 auto; text-align: center;} this will solve the matters.
    {{ DiscussionBoard.errors[6835369].message }}
  • Profile picture of the author ronc0011
    as you continue to do this sort of stuff you'll find that i.e. often displays things differently than other browsers and that you need to setup an alternate stylesheet. and there is a bit of code that you place in your header that will tell the browser to load the alternate stylesheet. just do a search on this on Google and you'll find everything you need.
    {{ DiscussionBoard.errors[6835689].message }}
  • Profile picture of the author clickbump
    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.
    Signature
    {{ DiscussionBoard.errors[6838964].message }}
  • Profile picture of the author Lloyd Buchinski
    Yes, the mention of the IE problems reminds me of a nice faq page I saw lately.

    Your site looks ugly/broken/weird with Internet Explorer 5/6/7/8/9!

    Maybe. Don't know. Won't fix.

    Which whiskey is the best one?

    If there had to be only one, without any nanosecond of hesitation it'll be: Lagavulin. Unparred.
    MS does a lot of neat stuff, the IE still seems to be quirky.
    Signature

    Do something spectacular; be fulfilled. Then you can be your own hero. Prem Rawat

    The KimW WSO

    {{ DiscussionBoard.errors[6842160].message }}
  • Profile picture of the author ChrisBR17
    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
    {{ DiscussionBoard.errors[6844375].message }}

Trending Topics