Member Avatar for Catchamouse

I have web page www.catchamouse.ic.cz and I want to know why it display the void space after friends webs, because in Opera, Firefox or Google it's OK. Could you help me how to correct this Explorer mistake?

  • 2 Contributors
  • 3 Replies
  • 104 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by Dandello

Dani AI

Generated

The problem described here is an IE-rendering discrepancy that needs systematic isolation rather than guesswork. has already started inspecting the site; next steps should focus on three repeatable checks: confirm the DOM nodes exist in IE, reveal their computed box model, and remove layers of CSS/JS until the layout appears normally. Work from a local copy so you can toggle safely.

A quick debugging workflow to apply in Internet Explorer (F12) or Edge DevTools:

  1. Check the DOM: open the Elements/DOM pane and verify the "Friends" container and its children are present. If the markup is missing or empty there, disable JavaScript to rule out scripts that modify or remove content.
  2. Inspect computed styles and box model: look at display, visibility, height, overflow and z-index on the element and each parent. Parent clipping or a small computed height often hides content.
  3. Toggle rules to find the culprit: use the Styles panel to disable blocks of rules or temporarily apply a simple debug rule (below) to make the area visible. Create a tiny standalone HTML that reproduces only the problematic section and test that in IE.

Debug CSS snippet (apply temporarily):

/* debugging only */
#friendsSection {
  outline: 2px dashed magenta !important;
  background: #fffbcc !important;
  min-height: 1px !important;
}

Use developer tools documentation as needed: general devtools guidance is at MDN Tools and IE/Edge emulation tips are at Microsoft Edge DevTools guide. When the issue is isolated, rebuild the minimal case and follow the advice under "minimal reproducible example" at before posting code for help. Keep changes small and test each step across document modes and with JavaScript on/off.

Recommended Answers

All 3 Replies

Member Avatar for Dandello

logo3 is absolutely positioned (and tucking under the div above it), while logo4 is relatively positioned and info just as 'relative' as its position.

I assume you want all three divs hard against the bottom of online-gaming-sites

What I suggest is using floats for logo3 and logo4, making sure both divs have stated widths so info can settle in between them or go below if the window isn't wide enough for all three.

And no, it's not okay in Firefox unless logo3 is supposed to have a huge yellow space above it.

Member Avatar for Catchamouse

I have another problem now: Explorer does not display Friends webs.

Member Avatar for Dandello

I downloaded the site (a good chunk of it at least) and looked at it on my test server.

1. You actually have 4 different style sheets, one of them in the body. Style sheets belong in the head. Period.

2. There are two copies of IClista. And they do look completely identical.
3. There are a lot of

<a>

and extra

</a>

in there. Even if they have a function, there are nesting issues with them.

Before you can figure out what specifically is wrong in any browser, the code needs to validate to its DTD and all nesting issues resolved.

Edited by Dandello because: n/a
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.