My website, CSS and Firefox

Points of Required Attention™

Please chime in on a proposed restructuring of the ROM hacking sections.

04-29-24 08:50 PM

Guest: Register | Login

0 users currently in Computing | 2 guests

Main - Computing - My website, CSS and Firefox

New thread | New reply

Kawa

Posted on 04-10-07 08:33 PM

Link | Quote | ID: 25537

CHIKKN NI A BAAZZKIT!!!
80's Cheerilee is best pony
Level: 138

Posts: 170/5344
EXP: 30953286
Next: 709695

Since: 02-20-07
From: The Netherlands

Last post: 4501 days
Last view: 2637 days

I've been told that the login box on my website doesn't work in Firefox. Apparently, the form is rendered, but you can't click it. Also, various pieces of text that are replaced by images with CSS aren't properly replaced.

I just uploaded a new version of my site. It should detect your browser and generate a much simpler page Firefox won't choke on if needed.

The main questions are... can you click the controls in the login box and are there any rendering mistakes?

____________________
Wife make lunch - Shampoo
Opera - give it a spin
Spare some of your free time?
<GreyMaria> I walked around the Lake so many goddamn times that my sex drive was brutally murdered
Kawa rocks

— byuu

stag019

Posted on 04-10-07 09:07 PM (rev. 2 of 04-10-07 10:35 PM)

Link | Quote | ID: 25549

Snifit
Level: 40

Posts: 61/299
EXP: 409707
Next: 31602

Since: 02-19-07

Last post: 4283 days
Last view: 2170 days

I can click anything in the login box. But there is a rendering mistake in the link box.

One more thing, in Javascript... well, let the warning speak for itself:
Warning: Element referenced by ID/NAME in the global scope. Use W3C standard document.getElementById() instead.
Source File: http://helmetedrodent.kickassgamers.com/
Line: 45

Here's a javascript function though that makes this a lot easier:

function $() {

	var elements = new Array();

	for (var i = 0; i < arguments.length; i++) {

		var element = arguments[i];

		if (typeof element == 'string')

			element = document.getElementById(element);

		if (arguments.length == 1)

			return element;

		elements.push(element);

	}

	return elements;

}

Then if you want to reference to an element, you can use $('element').

Also, Firefox doesn't support innerText, although it supports textContent.

Edit: Also, setting height or width for an inline element (span in this case) shouldn't render, although it appears working in IE6. But that's why it doesn't render right in Firefox. Changing it to a div, however, leads to more problems in Firefox.

DarkSlaya

Posted on 04-10-07 10:17 PM

Link | Quote | ID: 25570

Cheep-cheep
Level: 32

Posts: 58/189
EXP: 205896
Next: 546

Since: 02-19-07

Last post: 6005 days
Last view: 5996 days

Spikeman

Posted on 04-12-07 12:52 AM

Link | Quote | ID: 25889

Red Koopa
Pathetic excuse for a hacker
Level: 28

Posts: 131/132
EXP: 120176
Next: 11162

Since: 02-19-07

Last post: 6227 days
Last view: 6226 days

Weird I usually have the opposite problem, my sites end up broken in IE.

Surverus

Posted on 04-12-07 07:47 AM

Link | Quote | ID: 25992

Micro-Goomba
Level: 10

Posts: 9/12
EXP: 3293
Next: 1121

Since: 02-21-07
From: England

Last post: 6222 days
Last view: 5883 days

I don't get any errors I use FireFox 2.0.0.3

HyperHacker

Posted on 04-12-07 08:53 AM

Link | Quote | ID: 26006

...
Level: 73

Posts: 325/1220
EXP: 3367706
Next: 118162

Since: 03-25-07
From: no

Last post: 6094 days
Last view: 6078 days

The problem is that girl and the "Helmeted Rodent" logo are both on very large layers that cover the box. User Agent Switcher and Web Developer allow me to demonstrate by outlining individual elements, and Nuke Anything allows me to verify that once I remove them, I can use the form. That text floating above the form is weird, but not causing a problem. You need to shrink the layers the girl and the logo are on to work around this, but I'm more curious as to why they're layers in the first place.

Main - Computing - My website, CSS and Firefox

New thread | New reply

Page rendered in 0.021 seconds. (321KB of memory used)
MySQL - queries: 52, rows: 66/67, time: 0.015 seconds.