7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

Dreamweaver and IE

by Machu
6 replies
  • WEB DESIGN
    • |
Hello everyone!

I've designed a website for a few friends of mine who are running their own company. Basically it needs to be shown in various different browsers as is the case for all websites. That's where I have problems.

The site is designed using Photoshop and then transmitted to Dreamweaver where the rest of the work has been done. My problem is that it shows up all messed up in Internet Explorer and I am running out of time to finish the website up to be able to upload it. So whatever help I can get from you fellas will me most appriciated.

Here is the URL: jkrs.se/nya/sidor/omjkrs.html

Thank you in advance.
Kind regards Machu.
#dreamweaver
  • Profile picture of the author Tomos Wyn
    Looking at your source code, you seem to have sliced the layout in Photoshop and exported it as a webpage. The website is made up of tables, none of which use id's or classes to target them.

    My opinion?

    Learn how to code xhtml/css and code the design from scratch using DIV's and CSS. Any issues can then be fixed much easier (such as conditional comments for Internet Explorer).

    If you want to keep your current layout, then you'll have to go through your source code, find out what's not displaying correctly and try and fix it from there, throw in some conditional statements to target Internet Explorer specifically.

    But in all seriousness, I'd code it again, from scratch. If you can't code, outsource it to someone here on WF. It'll save you time.
    {{ DiscussionBoard.errors[4777222].message }}
    • Profile picture of the author Machu
      Thanks for the quick response Tomos Wyn!

      My issue is that I don't think I have the time to learn scripting in new codes with the time-limit to upload the site. I don't have the financial support to hire someone to do it for me either.

      I know I am asking much of you, but what is it in my source code that might not be displaying correctly that I should be looking for ? I am obviously willing to spend the hours needed the learn the basics of it all to be able to sort out my issue. My knowledge about scripting is very limited.

      EDIT: I tried to redo it using DIV layers but they continously kept sliding out of position. Which indeed would be an easy way to place texts and images exactly where I want them.
      {{ DiscussionBoard.errors[4777409].message }}
  • Profile picture of the author Ibcontact
    That's not fault of dreamviewer, mostly IE can't accept same attributes of css. So designing time check out put on both browsers ...
    {{ DiscussionBoard.errors[4777593].message }}
  • Profile picture of the author Daverz
    This is why I despise DreamWeaver - that website is an absolute mess as far as the coding goes.

    Adding
    image {
    border: 0px;
    }
    in the CSS of each page (between <style type="text/css"> </style>) fixes most of the issues, but there are still some minor alignment issues.
    {{ DiscussionBoard.errors[4789421].message }}
    • Profile picture of the author CandS Marketing
      I made a website using Photoshop & Dreamweaver CS5, i had no problems. I dont understand why IE wont accept some CSS because with everything i did, it accepted it.

      But what I did was i checked 3 browsers as i designed it, (Firefox, chrome, & IE)
      & see if you can change any settings in your Dreamweaver that only affect IE.
      {{ DiscussionBoard.errors[4795804].message }}
  • Profile picture of the author LakiPolitis
    img { border: 0; }

    table { padding: 0; margin: 0; }

    All of your footer links are images. You need to change those to text links, otherwise, you won't get the SEO points on that. Also, you're Grey footer-menu, should just have a grey background (#b1b1b1). It will load faster. Your site loads pretty slow right now.

    It would be way easier for you to have done this in divs than tables (photoshop hacks it into tables inherently).

    Also, with Internet Explorer. Click Tools > Developer Tools. then step through til you fine each item that's off. You'll see the padding, margin, etc. Fix that up. Also remember you can do conditional css to just fix IE. Quirks mode has a good write up.
    {{ DiscussionBoard.errors[4800838].message }}

Trending Topics