Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 181
  • Last Modified:

Site Displays Incorrectly in IE Win

I've been wracking my brain trying to use "improved" Web design technicques.  I just spent almost $500 upgrading to DW Studio 8.  I still wasn't able to get the CSS alignment I wanted (see my last post).  So I rebuilt the site from the ground up using layers.  It looks great on my Mac  in Safari, IE 5 for the Mac, even Opera for crying' out load.  On my Windows box it looks fine in FireFox.  But go to the mot popular browser in the world...

Check it out here:

http://www.byteslaves.com

You can view the source at http://www.byteslaves.com/index_code.txt if you don't want to scrape it out of your browser.  the CSS (such as it is) is at http://www.byteslaves.com/css_style.txt

I'm at a loss.  My life was much easier when I was doing layout with tables.
0
Sven Mogelgaard
Asked:
Sven Mogelgaard
  • 3
  • 2
  • 2
1 Solution
 
Sven MogelgaardAuthor Commented:
BTW, I've moved the page in question to http://www.byteslaves.com/old_index.htm
0
 
RouchieCommented:
Not entirely sure what you think is out of place.  They both look almost identical to me.  The only out-of-alignment area is the ad-banner on the right looks slightly lower than the main div.
This has been caused by the use of a paragraph tag within the ad-banner div.

<div id="Layer5">
  <p><img src="Images/rtSide.jpg" width="125" height="398" border="0" usemap="#Map" />

should become...

<div id="Layer5">
  <img src="Images/rtSide.jpg" width="125" height="398" border="0" usemap="#Map" />
0
 
Sven MogelgaardAuthor Commented:
I think you were looking a the new one made with Dreamweaver 8.  I got so frustrated I ponied up the $500 to upgrade the suite.  If you look at the old one (http://www.byteslaves.com/old_index.htm) in IE on Win you'll see a 200px anel where the nave bar is, it overlaps text and in general looks terrible.  If you view the same page in any browser on the Mac or in FireFox it looks pretty much the way I intended it.

Thanks for the info on the new page, though.  I missed the <p> tag.  That's the hazard with WYSIWYG.
0
Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

 
RouchieCommented:
I see what you mean now.  There's a lot going on here, all utilising different methods for formatting.  You have styles mixed with HTML formatting, and DIV's mixed with TABLE's.  As they all have their own ways of behaving I think it might have become too confusing for the browser to render.  You've done the right thing upgrading DW if you are doing CSS layouts.  At present there is nothing better for CSS in my opinion.

What I would recommend now though is that you have a look through some tutorials on table-free CSS positioning.  Sorry I can't be of more help to you, but as I said the page layout is pretty complex.
0
 
Sven MogelgaardAuthor Commented:
You're right, DW* made a real difference - no tables!  But now I find I can't paste HTML into my page.  ARRGH.

Figuring that out - that'll give me somthing to do today

Thanks again for the input.  I guess this kinda proves the Mac to be smarter ;-)
0
 
Jason C. LevineNo oneCommented:
None of this has anything to do with Mac/PC.

If you can't paste HTML, check to see if the page you are using is based on a template (in code view, great big chunks will be greyed out).  If so, you need to alter the template file and then reapply it to all the children pages that are based off of it.
0
 
Jason C. LevineNo oneCommented:
Hi mrichmon,

Rouchie had the answer.  Pure CSS layout instead of mixed table/CSS.

0

Featured Post

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

  • 3
  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now