473,321 Members | 1,778 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,321 software developers and data experts.

IE7 zoom messes up horizontal lists

Hi

I've just discovered that IE 7 messes up horizontal lists.

I've done a bit of searching the web but a solution has not sprung
forth from this searching.

Below is a url with a horizontal list:

<http://css.maxdesign.com.au/index.htm>

With IE 7 all looks very well at 100% but increase the zoom to 125% or
150% then all the text in the list crushes together but the positions
of the links seem to remain in scale with the zooming. What you have is
a jolly mess :(

I'm wondering if there are any horizontal list experts who know of a
solution to this one?

Thank you :)
--
Patrick
Brighton, UK

<http://www.patrickjames.me.uk>

Nov 4 '06 #1
9 6659
Els
patrick j wrote:
Hi

I've just discovered that IE 7 messes up horizontal lists.

I've done a bit of searching the web but a solution has not sprung
forth from this searching.

Below is a url with a horizontal list:

<http://css.maxdesign.com.au/index.htm>

With IE 7 all looks very well at 100% but increase the zoom to 125% or
150% then all the text in the list crushes together but the positions
of the links seem to remain in scale with the zooming. What you have is
a jolly mess :(
I don't see that happening at all, actually. Not on that page anyway.
I've seen slight problems with page-zoom, especially when images and
text are mixed, but horizontal lists like this don't show any problem
on my IE7.
I'm wondering if there are any horizontal list experts who know of a
solution to this one?
No problem, no solution ;-)

--
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/
Nov 4 '06 #2
Els wrote on 04 nov 2006 in comp.infosystems.www.authoring.stylesheets:
patrick j wrote:
>Hi

I've just discovered that IE 7 messes up horizontal lists.

I've done a bit of searching the web but a solution has not sprung
forth from this searching.

Below is a url with a horizontal list:

<http://css.maxdesign.com.au/index.htm>

With IE 7 all looks very well at 100% but increase the zoom to 125% or
150% then all the text in the list crushes together but the positions
of the links seem to remain in scale with the zooming. What you have is
a jolly mess :(

I don't see that happening at all, actually. Not on that page anyway.
I've seen slight problems with page-zoom, especially when images and
text are mixed, but horizontal lists like this don't show any problem
on my IE7.
>I'm wondering if there are any horizontal list experts who know of a
solution to this one?

No problem, no solution ;-)
Oh but they do echt wel, Els.

Zoom to 125% and then hover over the celtral words.
--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)
Nov 4 '06 #3
Els
Evertjan. wrote:
Els wrote on 04 nov 2006 in comp.infosystems.www.authoring.stylesheets:
>patrick j wrote:
>>Hi

I've just discovered that IE 7 messes up horizontal lists.

I've done a bit of searching the web but a solution has not sprung
forth from this searching.

Below is a url with a horizontal list:

<http://css.maxdesign.com.au/index.htm>

With IE 7 all looks very well at 100% but increase the zoom to 125% or
150% then all the text in the list crushes together but the positions
of the links seem to remain in scale with the zooming. What you have is
a jolly mess :(

I don't see that happening at all, actually. Not on that page anyway.
I've seen slight problems with page-zoom, especially when images and
text are mixed, but horizontal lists like this don't show any problem
on my IE7.
>>I'm wondering if there are any horizontal list experts who know of a
solution to this one?

No problem, no solution ;-)

Oh but they do echt wel, Els.

Zoom to 125% and then hover over the celtral words.
Yup, see it now.
Didn't know I was supposed to hover over the words :-)
Clearly a bug, but if I find a solution, I'll post it here.

--
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/

Now playing: Depeche Mode - People Are People
Nov 4 '06 #4
patrick j <pa*****@jamesnews.orangehome.co.ukwrote:
news: 00*****************************@News.Individual.Ne t
Hi

I've just discovered that IE 7 messes up horizontal lists.

I've done a bit of searching the web but a solution has not sprung
forth from this searching.

Below is a url with a horizontal list:

<http://css.maxdesign.com.au/index.htm>

With IE 7 all looks very well at 100% but increase the zoom to 125% or
150% then all the text in the list crushes together but the positions
of the links seem to remain in scale with the zooming. What you have
is a jolly mess :(

I'm wondering if there are any horizontal list experts who know of a
solution to this one?
zoom:100%;
padding:0 0.3em;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<meta http-equiv="content-type" content=
"text/html; charset=windows-1252">

<title></title>
<style type="text/css">
#nav {
margin: 0;
padding: 0;
}
#nav li {
background-color: #ffe;
display: inline;
margin: 0 0.3em;
padding: 0 0.3em;
}
#nav li:hover {
background-color: #fcc;
}
#nav, #nav li {
list-style: none;
}

</style>
<!--[if IE 7]>
<style type="text/css">
#nav li {
padding: 0 0.3em;
}
#nav, #nav li {
zoom: 100%;
}
</style>
<![endif]-->
</head>

<body>
<ul id="nav">
<li><a href="/listamatic/">Listamatic</a></li>
<li><a href="/listamatic2/">Listamatic2</a></li>
<li><a href="/listutorial/">Listutorial</a></li>
<li><a href="/floatutorial/">Floatutorial</a></li>
<li><a href="/selectutorial/">Selectutorial</a></li>
<li><a href="http://www.maxdesign.com.au/book/">Book</a></li>
</ul>
</body>
</html>

--
BootNic Saturday, November 04, 2006 10:57 AM

Nothing is stronger than habit.
*Ovid*
Nov 4 '06 #5
patrick j wrote:
Hi

I've just discovered that IE 7 messes up horizontal lists.

I've done a bit of searching the web but a solution has not sprung
forth from this searching.

Below is a url with a horizontal list:

<http://css.maxdesign.com.au/index.htm>

With IE 7 all looks very well at 100% but increase the zoom to 125% or
150% then all the text in the list crushes together but the positions
of the links seem to remain in scale with the zooming. What you have is
a jolly mess :(

I'm wondering if there are any horizontal list experts who know of a
solution to this one?

Thank you :)
I see the problem on the page you gave. However, I'm not noticing the
problem you describe in my own menus. But! I do notice another problem
when zooming in. IE7 is not reforming the page content to fit within
the viewport: it scrolls horizontally. Happens on every page I've
tried, all of which scale just fine in Mozilla browsers and Opera.
Actually, they scale fine in IE7 at 0 zoom when resizing the IE window.
Weird.

--
Ed Mullen
http://edmullen.net
http://mozilla.edmullen.net
http://abington.edmullen.net
A bird in the hand makes it difficult to blow your nose.
Nov 4 '06 #6
On Sat, 4 Nov 2006 15:58:00 +0000, BootNic wrote
(in article <cM*****************@newssvr29.news.prodigy.net> ):
zoom:100%;
padding:0 0.3em;
Hi

Thank you; it works, but I don't understand why.

I've been doing some more searching on the internet but I can't find
this problem described.

I've applied it to the horizontal lists in my own web-site.

What I can't understand is why does simply repeating the "padding"
declaration in the special style-sheet for IE7 work?

Is it because it is preceded by the "zoom" declaration?

To be honest the zoom declaration is a new one on me :)

What does it do?

--
Patrick
Brighton, UK

<http://www.patrickjames.me.uk>

Nov 5 '06 #7

patrick j wrote:
On Sat, 4 Nov 2006 15:58:00 +0000, BootNic wrote
(in article <cM*****************@newssvr29.news.prodigy.net> ):
zoom:100%;
padding:0 0.3em;

Hi

Thank you; it works, but I don't understand why.

I've been doing some more searching on the internet but I can't find
this problem described.

I've applied it to the horizontal lists in my own web-site.

What I can't understand is why does simply repeating the "padding"
declaration in the special style-sheet for IE7 work?

Is it because it is preceded by the "zoom" declaration?

To be honest the zoom declaration is a new one on me :)

What does it do?

--
Patrick
Brighton, UK

<http://www.patrickjames.me.uk>
Oh, the IE7 Zoom "feature". MS has admitted that it's broken, but they
shipped it anyway. Rest assured, your page is not the only one that
gets messed up with the Zoom feature. It mostly works for many things,
its image zooming works really well and the cleartype fonts are nice
but the CSS rendering+zoom combination is simply broken in many places
and there's not a lot you can do about it.

Sorry!

-David

Nov 5 '06 #8
patrick j <pa*****@jamesnews.orangehome.co.ukwrote:
news: 00*****************************@News.Individual.Ne t
On Sat, 4 Nov 2006 15:58:00 +0000, BootNic wrote
(in article <cM*****************@newssvr29.news.prodigy.net> ):
>zoom:100%;
padding:0 0.3em;

Hi

Thank you; it works, but I don't understand why.

I've been doing some more searching on the internet but I can't find
this problem described.

I've applied it to the horizontal lists in my own web-site.

What I can't understand is why does simply repeating the "padding"
declaration in the special style-sheet for IE7 work?

Is it because it is preceded by the "zoom" declaration?

To be honest the zoom declaration is a new one on me :)

What does it do?
It just needs enough padding to keep the text from jumping out as it
is zoomed, no need to declare it again if the padding is sufficient in the
your css.

zoom: is an IE thing, been around since IE5 I think.

Setting zoom is what is making it behave.

--
BootNic Sunday, November 05, 2006 8:50 PM

Facts do not cease to exist because they are ignored.
*Aldous Huxley*

Nov 6 '06 #9
On Mon, 6 Nov 2006 01:51:33 +0000, BootNic wrote
(in article <Fy*****************@newssvr12.news.prodigy.com> ):
It just needs enough padding to keep the text from jumping out as it
is zoomed, no need to declare it again if the padding is sufficient in the
your css.

zoom: is an IE thing, been around since IE5 I think.

Setting zoom is what is making it behave.
Thank you. I understand now :)

--
Patrick
Brighton, UK

<http://www.patrickjames.me.uk>

Nov 6 '06 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

0
by: Francis Parsons | last post by:
Hi! I'm doubtful there's a workaround for this problem, but it's worth a shot. I'm using IE's (css) "zoom" property to zoom the body of a document (in conjunction with persistance so the...
1
by: marco | last post by:
I'm a newbie and i'm doing a little application that open image. I don't understand what i've to do to have a zoom of an image...i don't know where's the error. If anyone know a simple code tell me...
2
by: marco | last post by:
I'm a newbie and i'm doing a little application in C# for a Pocket PC that open image. I don't understand what i've to do to have a zoom of an image...i don't know where's the error. If anyone...
0
by: Boni | last post by:
Dear all, I am wondering if there are some examples on how to change scrollers, when zoom is pressed. For example if I zoom in relative to the right corner of the document,...
9
by: Verona Busch | last post by:
Hi everybody, I am very happy to find this group. I am searching for a solution to make a horizontal list menu with submenu on hover. I found a lot of examples for horizontal lists which open...
2
by: pbd22 | last post by:
Hi. I am trying to make a horizontal list that counts (downward) and a horizontal list that illustrates the time. Both list should be formatted the same (except for the nomenclature). I seem to...
0
by: murry19830507 | last post by:
i want creat an web application(c#.net),which contains an image and one radiobutton list with 3 radiobuttons(zoom in ,zoom out ,zoom window) when user checked on zoom in imge has to be zoom inthe...
1
by: howa | last post by:
Hi, I have a DIV, in which the width is a relative width, I want in Firefox, when I `zoom in`, the image will be enlarged as the background, it is possible? E.g. <!DOCTYPE HTML PUBLIC...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.