Why does my website look different in Internet Explorer

Hello there I'm currently working on an eportfolio for school, however when using internet explorer my navigation bars look like this
However in google chrome it looks like this
Please help me I used cs6 and this is my website http://jacks-eportfolio.site90.net/
Please let me know.

It depends how much you want to learn about html and css.
If you're not all too interested/worried about web design in general (not really planning to become a pro web designer), you're fine with the current layout. It functions and isn't going to hurt you financially if it breaks  under certain settings.
If you do have an interest in professional web design, you really should learn to code before you "learn Dreameaver". That way you can skip all of the traps built into it for novice designers (especially APDivs).
Take some time to run the tutorials for HTML and CSS here: http://www.w3schools.com
That will give you a lot of the basics.
Once you have that under your belt, here are some more links (blatently taken from Nancy O's posts)...
http://www.csstutorial.net/
http://www.barelyfitz.com/screencast/html-training/css/positioning/
http://cookbooks.adobe.com/post_Centering_web_pages_and_other_elements_with_CSS-16640.html

Similar Messages

  • Why does Muse website look different Mac vs. PC

    Why do adobe muse websites look different on a Mac vs. PC? www.915day.com for example. Looks great on my mac, but when you go to the PC version it looks zoomed in at least 25-35%? Why? (I have thus adjusted it to look good on a PC.) Frustratingly, to center the Logo for one platform, means to put it off center on the other. Defeats the whole purpose of Parallax scrolling. Also, who would pay so much a month to the creative cloud if they can't even offer their clients continuity? I understand there is a difference between older browsers and new, but it tests the same way even on a new browser (Windows 8 browsers). I have tried adjusting the canvas to the exact measurements of the screen on my PC but it renders the same. Also I have turned on the HiDPI just to see if that was the case. Still no fix. There is only one instance of this in the forums and it has still gone unanswered. So I am asking in greater detail why this is an issue.
    Anyone?

    I tried to check the site display in multiple browsers on both Mac and windows , but I was not able to verify the issue.
    I believe you have already resolved the issue.
    Thanks,
    Sanjit

  • My website looks different in internet explorer.

    Greetings and thanks in advance for great service that we provide
    I created a website in iweb www.webworldpr.com in Firefox looks good in Internet Explorer looks different. I can do. I would like to know is web site maestro can solve this problem.

    The iWeb for Musicians website is optimized with Web SIte Maestro and appears to work OK in IE 7 & 8. If I look at it using Safari User Agent the background image drops out etc.
    The latest version of WebCrusher has this....
    "iWeb websites are known for their incompatibility with Internet Explorer. We tested hundreds of iWeb sites and came up with a step by step guide to making your iWeb site work with Internet Explorerand built this functionality into WebCrusher."
    I do have WebCrusher but I haven't tested this feature as I don't have a PC running WIndows anymore.
    The only way I can think that I could help you out here is if you send me a copy of a Domain file or the folder of published files and I'll run it through the app to see if it fixes your problem before you have to think about buying it.
    "I may receive some form of compensation, financial or otherwise, from my recommendation or link."

  • In FF4, why does my website looks different when www is omitted

    ''locking as a duplicate - https://support.mozilla.com/en-US/questions/814715''
    My site looks different when I use www in the address and when I omit www. Look at http://www.dynapipe.co.uk and http://dynapipe.co.uk.
    This doesn't happen with FF3 or IE7, 8 or 9 or Google Chrome, only FF4

    Oops, responded to a duplicate of your post over here: https://support.mozilla.com/en-US/questions/814715

  • Team Blog: Why does my page look different in BrowserLab?

    Duane O'Brien, engineer on the BrowserLab team has a new blog post on the BrowserLab Team blog that you might find interesting. It covers when/why you might see rendering differences between the BrowserLab browsers and your local browsers. Good info.
    http://blogs.adobe.com/browserlab/2011/07/11/why-does-my-page-look-different-in-browserlab /
    Bruce
    Bruce Bowman
    BrowserLab product manager
    BrowserLab Team Blog: http://blogs.adobe.com/browserlab
    Twitter: @brucebowman, @adobebrowserlab

    As Wyodor indicated IE is not the most advance, up-to-date browser out there.
    See Roddy’s tips for making iWeb pages more compatible with IE.
    OT

  • Why does my site look different in chrome, safari and explorer?

    Hi,
    My site looks ok in Firefox but it looks different in  chrome, safari and explorer...
    I have already tried to clean the cache and delete cookies, what I have to do?
    Thanks for helping!
    Livia

    Hi Livia
    I have checked the file and can see that you have used a slideshow for browser background , the page fill is the hero image where the thumbnails are disabled.
    If you remove the slideshow then the issue is resolved as the red bar in top and white bar at bottom comes fine with all browsers.
    Please remove the slideshow from page background and use the same image as browser fill which will fix the issue.
    Thanks,
    Sanjit

  • Why does my Web Handler work with Internet Explorer, but not with Firefox

    I am trying to develop a web page that uses the Simile Timeline (http://code.google.com/p/simile-widgets/wiki/Timeline) with data from SQL Server.
    In initial testing of my timeline I tested it with Example.xml, a static XML file in the correct format to be event data. I wrote the following in the appropriate place within mytimeline's Javascript: -
    var WebHandler = "Example.xml"
    tl.loadXML(WebHandler, function (xml, url) { eventSourceFamily.loadXML(xml, url) });
    This worked fine with both Firefox and Internet Explorer. I then changed the assignment to
    var WebHandler = "GDBTimeline.ashx?Type=Family&Userid=" + getControlValue("input", "hdnUser");
    so that invoked a web handler that could look up the SQL database and return the XML that I wanted, and wrote this web handler.
    This works perfectly with Internet Explorer, but with FireFox the timeline band is blank. Yet when I examine the http traffic with Fiddler2 (http://www.fiddler2.com/fiddler2/) I see that with either browser there is a response from URL
    /GDB_pages/GDBTimeline.ashx?Type=Family&Userid=robertb
    that returns the XML that it is supposed to.
    I have previously used web handlers with Firefox before, with no problems. The Fiddler results conclusively show that the web handler is invoked, and returns the appropriate XML, and this XML is identical to the XML from the static test with Example.xml.
    Where do I start looking for answers? I don't even know if this is a Simile problem, a Firefox problem, or an ASP.NET problem.
    Thank you, Robert.

    Problem solved. The issue: Content Type was not correct.
    Visual Studio creates the web handler with dummy code like this: -
    Public Sub ProcessRequest(ByVal context As HttpContext) Implements IHttpHandler.ProcessRequest
    context.Response.ContentType = "text/plain"
    context.Response.Write("Hello World")
    End Sub
    I wrote a database query that set a string variable to the XML I wanted: -
    Public Sub ProcessRequest(ByVal context As HttpContext) Implements IHttpHandler.ProcessRequest
    Dim Outstring as string
    ' my logic to fill Outstring with XML
    context.Response.ContentType = "text/plain"
    context.Response.Write(Outstring)
    End Sub
    This works with Internet Explorer. However it's not strictly correct: to make it work with other browsers as well,
    context.Response.ContentType = "text/plain"
    should be
    context.Response.ContentType = "text/xml"
    It now works with IE, FF, and Chrome, and presumably all others.

  • Why does Adobe 9 and Windows 7 Internet explorer not play well?

    I just upgraded to Windows 7 and Adobe 9 came with the software package for new computer. Everytime I try to download a pdf file from Internet explorer it times me out and I end up with an error message   "there is a problem with Adobe Acrobat/Reader. Please close and try again later."  and no pdf. Explorer closes and I have to try again all over again.
    Any help out there would be great 

    Unfortunately, you have posted to the Forum Comments forum. You need to post to the Acrobat Reader forum, assuming that you are talking about Reader, otherwise post to the Acrobat Pro forum.
    Good luck,
    Hunt
    [Edit] John beat me to the URL - thanks John T.

  • Why Does my site look different on my computer

    My site, www.aaronapter.com, looks completely different on my computer than when I view it on another computer. It actually looks like my browser is accessing the files from my HD instead of the internet. Any ideas why? I ask because I want to fix some errors on my published site, such as a fonts appearing differently and the spacing of a page being totally messed up. Again, this doesn't happen when I view it on my computer, but it does on others. Any help? I'm using iWeb '08.
    Message was edited by: 2A Batterie

    Is it just fonts? If so, the challenge is that you're using fonts that are only on your system and not others. There's a bit of a tricky fix but it'll force fonts to be graphics.
    I'm not too sure about this approach but it seems simple enough: http://podcast.eusd4kids.org/groups/teacherresources/weblog/a91d4/iWeb__fonts_displayed_asgraphics.html
    This appoarch is a tad trickier but I found it easy:
    http://11mystics.com/2007/09/12/how-can-i-ensure-the-fonts-i-use-will-look-good- on-a-pc/
    In short, go to Applications, control-click on iWeb and choose Show Package Contents. Then open Contents, then Resources, and then double-click on FontMapping.plist. Look for the special font that you're using and change false/ to true/like this:
    <key>AmericanTypewriter</key>
    <dict>
    <key>Generic</key>
    <string>serif</string>
    <key>Image</key>
    <true/> <=== change this from false/ to true/
    <key>Windows</key>
    <string>Courier New</string>

  • Why does my lists look different in Firefox

    Please take a look at the following pages in both browsers. pay attention to the right column and see the lists.  In firefox they are ok but explorer does not show the same thing.  any suggestions?
    http://greenpwwhh.com/wisdom.html
    http://www.greenpwwhh.com/wealth.html
    http://www.greenpwwhh.com/health.html
    codes for health page:  note that style in blue was used to take care of margin space for bullets.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/health.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>GreenP - Wealth, Wisdom, Health &amp; Happiness</title>
    <style type="text/css">
    ul {padding-left:16px}
    </style>
    <style type="text/css">
    <!--
    A:link {text-decoration: none}
    -->
    </style>
    <!-- InstanceEndEditable -->
    <link href="main_page.css" rel="stylesheet" type="text/css" />
    <!--[if IE 5]>
    <style type="text/css">
    /* place css box model fixes for IE 5* in this conditional comment */
    .thrColFixHdr #sidebar1 { width: 180px; }
    .thrColFixHdr #sidebar2 { width: 190px; }
    </style>
    <![endif]-->
    <!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; }
    .thrColFixHdr #mainContent { zoom: 1; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]-->
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    <!--
    var gDivaGPSfree=",index.html,,";
    //-->
    </script>
    <script type="text/javascript" src="diva/divaCommon.js"></script>
    <script type="text/javascript" src="diva/divaGPSfree/divaGPSfree.js"></script>
    <!-- InstanceBeginEditable name="head" -->
    <!-- InstanceEndEditable -->
    </head>
    <body class="thrColFixHdr">
    <div id="container">
      <div id="header">
        <div id="headerLogo"><img src="greenP_logo.gif" width="293" height="90" alt="logo" /></div>
        <!-- InstanceBeginEditable name="headerad" -->
        <div id="headerAd"><a href="http://www.patrickgreen.cruiseshipcenters.com/Home.aspx#"><img src="cruiseshipcenter_728x90.gif" width="728" height="90" alt="cruise" /></a></div>
        <!-- InstanceEndEditable -->
        <h1> </h1>
        <!-- end #header -->
      </div>
      <div id="nav">
        <ul id="MenuBar1" class="MenuBarHorizontal">
          <li><a href="index.html" class="thrColFixHdr">Home</a></li>
          <li><a href="wisdom.html" target="_top" class="thrColFixHdr">Wisdom</a></li>
          <li><a href="wealth.html" class="thrColFixHdr">Wealth</a></li>
          <li><a href="health.html" class="thrColFixHdr">Health</a></li>
          <li><a href="happiness.html" class="thrColFixHdr">Happiness</a></li>
          <li><a href="#" class="thrColFixHdr">Opportunities</a></li>
          <li><a href="#" class="thrColFixHdr">Seminars</a></li>
          <li><a href="#" target="_top" class="MenuBarItemSubmenu">Store</a>
            <ul>
              <li><a href="Books.html" target="_top">Books</a></li>
              <li><a href="posters.html" target="_top">Posters</a></li>
            </ul>
          </li>
          <li><a href="#" class="thrColFixHdr MenuBarItemSubmenu">Stress Release</a>
            <ul>
              <li><a href="crossword_main_page.html">Crossword</a></li>
              <li><a href="jigsaw_things.html">Jigsaw</a></li>
            </ul>
          </li>
    <li><a href="advertising.html" class="thrColFixHdr">Advertise</a></li>
    <li><a href="membership.html" class="thrColFixHdr">Members</a></li>
          <li><a href="about_us.html" class="thrColFixHdr">About us</a></li>
        </ul>
      </div>
      <div id="search">
    <form name="fbsearch" method="get" action="http://ss662.fusionbot.com/b/q" style="margin:0;">
      <div align="left"><font size="2" face="arial"><a href="http://www.fusionbot.com" target="_blank">Site Search</a>:</font>
        <input type="text" name="keys" size="15">
        <input type="submit" value="GO">
        </div>
        <input type="hidden" name="sn" value="160516902">
    </form>
      </div>
      <div id="nav2"><a href="http://pub27.bravenet.com/chat/show.php?usernum=2253679465&amp;cpv=2"><img src="_image/Chat-with-friends-&amp;-network.gif" width="173" height="25" alt="chat" /></a><a href="http://pub27.bravenet.com/calendar/show.php?usernum=2253679465"><img src="_image/calendar_button.gif" width="173" height="25" alt="calendar" /></a><a href="http://pub27.bravenet.com/postcard/post.php?usernum=2253679465"><img src="_image/Send-Some-Love-Today.gif" width="173" height="25" alt="send some love" /></a><a href="comments.html"><img src="_image/Your-comments-please.gif" width="173" height="25" alt="your comments" /></a></div>
      <div id="chat">
        <!-- Start Bravenet.com Service Code -->
        <div align="center"></div>
        <!-- End Bravenet.com Service Code -->
      </div>
      <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->
      <p> </p>
      <div id="healthLeft">
    <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab" id="Player_259055d2-c397-4de3-a156-df6e49cfcab4"  WIDTH="300px" HEIGHT="250px"> <PARAM NAME="movie" VALUE="http://ws.amazon.com/widgets/q?ServiceVersion=20070822&MarketPlace=US&ID=V200708 22%2FUS%2Fgreenpwwhh-20%2F8003%2F259055d2-c397-4de3-a156-df6e49cfcab4&Operation= GetDisplayTemplate"><PARAM NAME="quality" VALUE="high"><PARAM NAME="bgcolor" VALUE="#FFFFFF"><PARAM NAME="allowscriptaccess" VALUE="always"><embed src="http://ws.amazon.com/widgets/q?ServiceVersion=20070822&MarketPlace=US&ID=V200708 22%2FUS%2Fgreenpwwhh-20%2F8003%2F259055d2-c397-4de3-a156-df6e49cfcab4&Operation= GetDisplayTemplate" id="Player_259055d2-c397-4de3-a156-df6e49cfcab4" quality="high" bgcolor="#ffffff" name="Player_259055d2-c397-4de3-a156-df6e49cfcab4" allowscriptaccess="always"  type="application/x-shockwave-flash" align="middle" height="250px" width="300px"></embed></OBJECT> <NOSCRIPT><A HREF="http://ws.amazon.com/widgets/q?ServiceVersion=20070822&MarketPlace=US&ID=V200708 22%2FUS%2Fgreenpwwhh-20%2F8003%2F259055d2-c397-4de3-a156-df6e49cfcab4&Operation= NoScript">Amazon.com Widgets</A></NOSCRIPT>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
      </div>
      <!-- InstanceBeginEditable name="EditRegion2" -->
      <div id="healthMid">
        <p>health articles go here</p>
    <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
      </div>
      <!-- InstanceEndEditable -->
      <div id="healthRight">
        <div id="healthVideos">
          <div id="healthVideoHead">Videos</div>
          <div id="healthvideoContent">
            <ul>
              <li><a href="ten best foods to eat.html" target="_top">10 best foods to eat</a></li>
              <li><a href="ten worst foods to eat.html" target="_top">10 worst food to eat</a></li>
              <li><a href="ten worst drinks.html" target="_top">10 worst drinks</a></li>
              <li><a href="whole foods and weight loss.html" target="_top">Whole foods &amp; weightloss</a></li>
              <li><a href="super foods.html" target="_top">Super foods</a></li>
              <li><a href="sugar effects 1.html">Sugar is very bad 1</a></li>
              <li><a href="sugar effects 2.html">Sugar is very bad 2</a></li>
              <li><a href="mother of all illness.html" target="_top">Mother of your illness</a></li>
              <li><a href="meat or vegetables.html" target="_top">Meat or vegetables</a></li>
              <li><a href="healthy ways to lose weight.html" target="_top">Healthy weightloss</a></li>
              <li><a href="food for the mind.html" target="_top">Food for the mind</a></li>
              <li><a href="fiber facts.html" target="_top">Fiber facts</a></li>
              <li><a href="fiber fakes.html" target="_top">Fiber fakes</a></li>
              <li><a href="life saving food tips.html">Life-saving food tip</a></li>
            </ul>
            <p> </p>
            <p> </p>
          </div>
          <div id="healthArticles">
            <p> </p>
            <p> </p>
            <p> </p>
            <p> </p>
          </div>
          <div id="healthResources">
            <div id="healthResourceHead">Resources</div>
            <p> </p>
            <p> </p>
            <p> </p>
            <p> </p>
            <p> </p>
          </div>
          <p> </p>
          <p> </p>
          <p> </p>
          <p> </p>
          <p> </p>
          <p> </p>
          <p> </p>
        </div>
        <p><a href="ten worst foods to eat.html" target="_top"></a></p>
        <p> </p>
        <p> </p>
      </div>
      <div id="healthFooterAd">Content for  id "healthFooterAd" Goes Here</div>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <br class="clearfloat" />
      <div id="footer">
        <p>Copyright &copy; GreenP. All rights reserved. Site designed by Patrick L Green</p>
        <!-- end #footer -->
      </div>
      <!-- end #container -->
    </div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    <!-- InstanceEnd --></html>

    Hi
    They are different because of the way IE/Opera and FF/Safari handle list indents, you will have to change the default margin and padding values to achieve a consistent list positioning, (do not forget negative values are allowed).
    See the section on positioning in this article for more info - http://www.alistapart.com/articles/taminglists/.
    PZ

  • Why does my clip look different in Color vs FCP via External mmonitor

    Can anyone explain why my clip look slightly different in color as opposed to FCP. This clip is exported from FCP sequence with NO filters whatsoever. I'm basically viewing the same clip and switching between color and FCP. The clip seems to have a tad more highlight when viewing in color
    I'm using a MacPro/Kona3/Sony Multiformat CRT. Thanks

    seems to have a tad more highlight when viewing in color
    Do you see a difference in the scopes? "seems to" is not as good a description as we really need to sort out whether this is a gamma issue or a possible 601/709 conflict, even with your Multiformat Sony. There appear to be a lot of RGB, Y'CbCr conversions in your image pipeline.
    I am aware that some codecs are handled slightly differently by Final Cut and COLOR. They do not use the same media decoding engine. COLOR's is much more basic (fundamental) and generally speaking is more accurate for that reason. Similar to SHAKE in that respect.
    jPo

  • Why does Firefox 4 look different on xp than Win 7. Some of the features described in the intro are not showing up like the firefox button top left.

    When I loaded the new version on my office computer running Win 7 it looked like the promo but when I upgraded my other computers running xp it looks more like the earlier versions. What is the story people!!!

    Try turning off the menu toolbar
    * Use keyboard keys '''Alt''' then in turn '''V , T , M'''
    Note the menubar may be temporarily turned back on by using the Alt key even if the '''orange''' ''"Firefox Button"'' is displayed.
    Firefox 4 probably by default does not dislplay the bookmarks toolbar, and will display the Tabs on top.
    There are other changes; and some users do not like them, but in most cases firefox 4 can be made to look and work like firefox 3.6 if required.

  • Why does the display look different in photoshop and lightroom

    I am using CS4 and LR2.1. When I open the same picture in both programs the picture in CS4 looks dull and washed out. My color space in both programs is srgb (I send all my pictures to Miller's for printing). Any Idea why and what setting I should adjust.
    Thank you in advance for your help,
    Allen
    Edit/Delete Message

    Your color settings are not the same, or something is broken with your display profile that one application is trying to fix up (but that should give you a warning).

  • Why does my site look different when I FTP it?

    Hi -- I am doing a clean upload (All files) of my site to my BlueHost FTP site.  Here is how it looks in Publish mode
    http://thebigdivide.businesscatalyst.com/gift-shops-selling-the-big-divide.html
    and here is how it looks on my site
    http://thebigdivide.com/gift-shops-selling-the-big-divide.html
    What is going on here? Is there a file I need to delete?

    By gum that was it.
    I have no idea how you figured that out but thanks.    

  • Why does my footage look different in final cut than in color?

    when i render in color and send back to final cut, the color grades don't look the same back in final cut as they do when i view them in color. any ideas why?

    Mostly because COLOR is setup to work in 709 space and preview the correct gamma setting of 2.2 for legitimate broadcast use.
    Quicktime and Final Cut make an assumption that you're using a graphics monitor for preview and uses a gamma setting of 1.8. This is a fundamental error and incompatibility.
    Apparently Snow Leopard is supposed to address this issue.
    jPo

Maybe you are looking for