Member Avatar for mikulucky
mikulucky 25 Junior Poster in Training

Hi i have made a site and it looks great in FF and Chrome. However it look really bad in IE and some things just do not work. And being not much of a front end developer I am truly stumped.

There are three main problems:

  1. I would like the website to look the same or similar in IE as it does in Chrome or FF
  2. On the project page the bottom border of the box in the middle of the page has just disappeared, i have tried to remove the content and it still does it.
  3. With the links on the home page and about page, they are suppose to toggle a sliding div. But on clicking them they just seem to randomly move. Then they have to be clicked once again in order for the dive to be slid out. However due to the moving of the link, the link is then hidden behind the new div. I have even tried to use z-index on this but it does not change anything.

The website is currently hosted on my home machine which here is a , if you view it in both IE and another browser you will see what I have mentioned above.

I have had alot of trouble with this, and would like some help or even just tips on what to do, as tutorials and google was not able to help me with these problems. While the making IE look nice is probably an experience thing which is something I sadly do not have :(

Any help thanks in advance :)

  • 1 Contributor
  • 0 Replies
  • 80 Views

Dani AI

Generated

For : start with the basics and work outward. Confirm the page is running in standards mode (a proper DOCTYPE) and, if needed, force the latest IE engine with a meta tag such as <meta http-equiv="X-UA-Compatible" content="IE=edge" />. Open IE’s Developer Tools (F12) and check the Console for JS errors, then use the DOM/Styles panes to inspect computed styles and the box model. See Doctype and .

For the missing border: inspect the element’s computed border, height, overflow, and whether a floated child or collapsed parent is causing the line to vanish. Temporarily apply contrasting background colors to the element and its parents to reveal layout problems. Validate the markup and stylesheet with the W3C Markup Validation Service — unclosed tags often break layout in IE when other browsers tolerate the mistake.

For the toggling/z-index issue: stop anchors from moving the page by preventing default navigation (event.preventDefault()) or use a control element that does not change focus. Remember z-index only takes effect on positioned elements; set position (relative/absolute) and check for stacking-context-causing ancestors (transforms, opacity, etc.). See MDN on z-index and Event.preventDefault. If problems remain, isolate them into a minimal test case and debug that in IE dev tools.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.