Topic awaiting preservation: menu layout issues $Pages that link to <a href="https://ozoneasylum.com/backlink?for=8450" title="Pages that link to Topic awaiting preservation: menu layout issues" rel="nofollow" >Topic awaiting preservation: menu layout issues\$

Author	Thread
quisja Paranoid (IV) Inmate From: everywhere Insane since: Jun 2002	posted 01-03-2003 12:56 For the menu on my site to be homogenous with the rest of the design, I wanted a <div> with a blue beveled border (an image, essentially) around it that would slide back and forth. This turned out to be a lot more hassle than i expected, and after messing about and getting it to look right in IE6, i found it was terribly wrong in Mozilla. Does anyone know how the mozilla version can be made to look how IE displays it? http://quis.coolfreepage.com/index.php - the page http://quis.coolfreepage.com/showsource.php?url=index.php - shortened source
Bugimus Maniac (V) Mad Scientist From: New California Insane since: Mar 2000	posted 01-03-2003 20:06 The only difference I see is that the Words div is taller in Mozilla. So it is good to include the clipping specifications when that happens. Add clip: rect(0 313 40 0) to your info class and the height of the Words div should show as 40px in Mozilla. . . : slicePuzzle
Slime Lunatic (VI) Mad Scientist From: Massachusetts, USA Insane since: Mar 2000	posted 01-04-2003 00:50 Your doctype isn't switching IE into standards mode. See http://www.alistapart.com/stories/doctype/ . Then see what happens.
quisja Paranoid (IV) Inmate From: everywhere Insane since: Jun 2002	posted 01-05-2003 18:47 Ok, I tried that, and it seems to have fixed the problems somewhat, but now the menu doens't move as far in Mozilla. What version(s) are you using? It's not a big problem now though, the site works in both, and validates (apart from the advertisers pop-up code), which is good enough for the moment as far as I'm concerned.

Topic awaiting preservation: menu layout issues\$

Author

Thread

quisja
Paranoid (IV) Inmate

From: everywhere
Insane since: Jun 2002

posted 01-03-2003 12:56

For the menu on my site to be homogenous with the rest of the design, I wanted a <div> with a blue beveled border (an image, essentially) around it that would slide back and forth. This turned out to be a lot more hassle than i expected, and after messing about and getting it to look right in IE6, i found it was terribly wrong in Mozilla. Does anyone know how the mozilla version can be made to look how IE displays it?

http://quis.coolfreepage.com/index.php - the page
http://quis.coolfreepage.com/showsource.php?url=index.php - shortened source

Bugimus
Maniac (V) Mad Scientist

From: New California
Insane since: Mar 2000

posted 01-03-2003 20:06

The only difference I see is that the Words div is taller in Mozilla. So it is good to include the clipping specifications when that happens.

Add

clip: rect(0 313 40 0)

to your info class and the height of the Words div should show as 40px in Mozilla.

. . : slicePuzzle

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

posted 01-04-2003 00:50

Your doctype isn't switching IE into standards mode. See http://www.alistapart.com/stories/doctype/ . Then see what happens.

quisja
Paranoid (IV) Inmate

From: everywhere
Insane since: Jun 2002

posted 01-05-2003 18:47

Ok, I tried that, and it seems to have fixed the problems somewhat, but now the menu doens't move as far in Mozilla. What version(s) are you using? It's not a big problem now though, the site works in both, and validates (apart from the advertisers pop-up code), which is good enough for the moment as far as I'm concerned.