有趣的Safari问题 [英] Interesting Safari Problem

问题描述

大家好，


为了解决类似的问题，我拖欠档案是徒劳的：


建立客户''的网站，我有一个菜单部分，其中每个菜单

标题位于表格单元格中。它是_paramount_

菜单标题的文字字面上位于单元格的底部，因此当你添加表格边框时，文字看起来有下划线（这不是

为什么文本应该放在底部的原因，但结果应该是什么结果./

我已经在IE和FireFox中运行良好，但奇怪的是当我在Safari中查看

时，文本底部和

单元格的底部。


我已经剥离了页面中的其他内容：
http://www.orangeideas.co.uk/clients/atv/table.htm 但是不能得到

文本来触摸表格单元格的底部。


我猜这是我的意思做错了什么，不是Safari -

任何想法？


BTW - 我不能用posi由于与其他部分相关的原因而设计的标签

的设计，我想要的只是单元格中的文字，以便在底部触及

，并尽可能简单地实现！ （我已经在这个问题上工作了几天，现在已经好几天了，我开始用div标签来实现
梦！）


任何建议都非常感激。

TIA，

Lorenzo。

解决方案

< blockquote> Lorenzo Gordon写道：

我为了类似的问题拖网档案是徒劳的：


你呢？如果你有，我怀疑你可能错过了几点我现在要分享的b $ b。对于初学者来说，过度的x-post是什么呢？

当然，它比多点发布更好，但有4组？即使有礼貌设置跟进，你也没有b $ b。由于这是一个风格问题，

让我为你推荐ciwas。

我有一个菜单部分，其中每个菜单标题都位于表格单元格中。


为什么？使用表格进行布局并不理想。但也许布局的CSS是

你还没有尝试过的东西。

http://www.allmyfaqs.com/faq.pl?Tableless_layouts

这是_paramount_的文本菜单标题字面上位于单元格的底部，


派拉蒙？如果像素完美呈现那么重要，那么也许

html / css不是这项工作的最佳工具。

这样当你添加表格边框时，文字看起来很像带下划线


在这种情况下，请使用文字装饰属性：


h2 {text-decoration：underline;}

我已经剥离了页面中的其他内容：
http://www.orangeideas.co.uk/clients/atv/table.htm

它不会验证。在寻求帮助之前修复标记错误。 BTW，

您应该使用HTML 4.01 / strict编写新文档，而不是过渡性文件。

但是既然您已经浏览了档案，那么您已经知道了。


您已设置宽度和高度（以像素为单位）。当我调整文本大小时，

自然会溢出框。如果框中包含文本，则不应将框尺寸设置为

像素。但你也已经知道了，因为

它经常在ciwa *组中重复。

BTW - 我不能使用位置标记

你的意思是位置属性，大概是。


-

Brian（删除无效到给我发电子邮件）

Brian写道：

Lorenzo Gordon写道：

为了类似的问题，我拖欠档案是徒劳的：
你呢？如果你有，我怀疑你可能错过了几点

我现在将分享。对于初学者来说，过度的x-post是什么呢？
当然，它比多点发布更好，但是有4组？而你
甚至没有礼貌设置后续行动。由于这是一个风格问题，
让我为您推荐ciwas。

感谢您的建议 - 我注意到我发布的几个gorups是
不经常发布。根据我的经验，4组是没有过多的，因为gourps并没有特别过度使用，而且他们需要b $ b来处理不同的焦点;考虑到我的

帖子的内容，这似乎是合适的。我使用谷歌群组界面发布了确实

没有看到任何地方进入后续标题。你的补充是

有用。

我有一个菜单部分，其中每个菜单标题都放在一个表格中
cell。
为什么？使用表格进行布局并不理想。但也许css for layout
是你还没有尝试过的。

http://www.allmyfaqs.com/faq.pl?Tableless_layouts

这是_paramount_的文本菜单标题确实位于单元格底部的

，

派拉蒙？如果像素完美呈现非常重要，那么

或许html / css不是这项工作的最佳工具。

是的我知道无表格布局，但是我也知道因为

既没有使用表格也没有使用纯粹的CSS会在必要的浏览器中实现所需的结果

，我正在采用这两种方法

为了让它看起来一致。

这样当你添加表格边框时，文字看起来很像带下划线

在这种情况下，请使用文本修饰属性：

h2 {text-decoration：underline;}

如果你已经正确阅读了我的原始帖子，你会读到

我对任何位置的下划线文本都不感兴趣;我想要的是b $ b想要的是文本的底部与表格边框齐平，以便它显示为

_appears_下划线。

我已经剥离了页面中的其他内容：
http://www.orangeideas.co.uk/clients/atv/table.htm

它不会验证。在寻求帮助之前修复标记错误。

BTW，您应该使用HTML 4.01 / strict编写新文档，而不是使用
过渡。但是既然你已经对档案进行了搜索，你就已经知道了。

它现在应该验证好了，谢谢你的有用建议。

你已经设置了宽度和高度，以像素为单位。当我调整文本大小时，它自然会溢出框。如果框中包含文本，则不应将框尺寸设置为
像素。但是你已经知道了，因为它经常在ciwa *组中重复，所以也是b $ b。

我为了发布而设置的页面不在事实上

完全设计:-)这是试图孤立这个问题

具体。你是说调整大小/溢出问题是和我正在经历的这个问题直接相关吗？如果是这样，请

解释为什么我到目前为止还没有意识到连接。

BTW - I不能使用位置标记

你的意思是位置属性，大概是。

是的，你是对的，在发现错误方面做得很好。


任何有助于解决让文字齐平的问题的帮助

非常感谢Safari中表格的底部。


Lorenzo。

lo *********** @ hotmail.com 写道：

是的我知道无表格布局，但我'我也知道，因为
既不使用表也不使用纯css将在必要的浏览器中始终如一地实现所需的结果，我正在使用两种方法
以使其看起来一致的。


使用表格布局时你仍然失败的事实

结合CSS告诉你什么？ :)

> http://www.orangeideas.co.uk/clients/ atv / table.htm

我对在任何位置加下划线的文字不感兴趣;我想要的是文本的底部与表格边框齐平，以便它显示出来。

FWIW，它看起来非常多在Safari 1.0 v85中我也一样，因为它在其他浏览器中是
。他们都没有显示文字与单元格齐平

底部，并且没有一个看起来特别有吸引力，IMO。

Brian写道：

你''设置宽度和高度，以像素为单位。当我调整文本大小时，它自然会溢出框。
你是说调整大小/溢出问题与我正在经历的这个问题直接相关吗？

Methinks溢出问题与你的误解直接相关

CSS盒子模型是如何工作的，再加上你误以为

您可以控制访问者的字体大小。在WinIE以外的任何浏览器中查看您的

测试页面。现在看看

菜单并找到增加文字大小的选项。把它搞砸了几次，然后看看会发生什么。

任何有助于解决问题的问题，让文字与表格的底部齐平在Safari中非常感谢。

我认为这是一个尝试修复错误问题的案例。如果您在上下文中显示

这个问题，我们可能会告诉您更好的方法来实现

无论您想要什么。


-

回复电子邮件地址是无底垃圾邮件桶。

请回复群组，以便每个人都可以共享。

Hi all,

I''ve trawled the archives in vain for a similar problem:

In building a client''s site, I''ve got a menu section where each menu
heading sits in a table cell. It''s _paramount_ that the text of the
menu heading literally sits at the bottom of the cell, so that when
you add the table border, the text looks underlined (this is not the
reason why the text should sit at the bottom, but it is what the end
result should look like.)

I''ve got it working fine in IE and FireFox, but oddly when I look at
it in Safari, a 2-3 pixel gap appears between the bottom of text and
the bottom of the cell.

I''ve stripped everything else out of the page:
http://www.orangeideas.co.uk/clients/atv/table.htm but can''t get the
text to touch the bottom of the table cell.

I''m guessing that it''s me that''s doing something wrong, not Safari -
any ideas?

BTW - I can''t use the position tag for reasons relating to other parts
of the design, all I want is the text in the cell to literally touch
the bottom, and implemented as simply as possible! (I''ve been working
on just this problem for a couple of days now, and am starting to
dream in div tags!)

Any advice much appreciated.
TIA,
Lorenzo.

解决方案

Lorenzo Gordon wrote:

I''ve trawled the archives in vain for a similar problem:
Have you? If you had, I doubt you could have missed several points which
I''ll share now. For starters, what is with the excessive x-posting?
Sure, it''s worlds better than multiposting, but 4 groups? And you didn''t
even have the courtesy to set followups. Since this is a style issue,
let me suggest ciwas for you.
I''ve got a menu section where each menu heading sits in a table cell.
Why? Using tables for layout is not ideal. But perhaps css for layout is
something you haven''t yet tried.

http://www.allmyfaqs.com/faq.pl?Tableless_layouts
It''s _paramount_ that the text of the menu heading literally sits at
the bottom of the cell,
Paramount? If pixel perfect presentation is that important, then perhaps
html/css is not the best tool for the job.
so that when you add the table border, the text looks underlined
In that case, use the text-decoration property:

h2 {text-decoration: underline;}
I''ve stripped everything else out of the page:
http://www.orangeideas.co.uk/clients/atv/table.htm
It does not validate. Fix the markup errors before asking for help. BTW,
you should write new documents using HTML 4.01/strict, not transitional.
But since you trawled the archives, you already knew that.

You''ve set width and height in pixels. When I resize the text, it
naturally overflows the box. You should never set box dimensions in
pixels if the box will hold text. But you already knew that, too, since
it is repeated so often in the ciwa* groups.
BTW - I can''t use the position tag

You mean position property, presumably.

--
Brian (remove "invalid" to email me)

Brian wrote:

Lorenzo Gordon wrote:

I''ve trawled the archives in vain for a similar problem:
Have you? If you had, I doubt you could have missed several points

which I''ll share now. For starters, what is with the excessive x-posting?
Sure, it''s worlds better than multiposting, but 4 groups? And you didn''t even have the courtesy to set followups. Since this is a style issue,
let me suggest ciwas for you.
Thanks for your suggestions - I noticed that several of the gorups I
posted to are not posted to very often. In my experience 4 groups is
not excessive since the gourps are not particularly over-used, and they
deal with different foci; it seemed appropriate given the content of my
post to do this. I posted using the google groups interface and did
not see anywhere to enter the follow-up header. Your addition is
useful.

I''ve got a menu section where each menu heading sits in a table cell.
Why? Using tables for layout is not ideal. But perhaps css for layout is something you haven''t yet tried.

http://www.allmyfaqs.com/faq.pl?Tableless_layouts

It''s _paramount_ that the text of the menu heading literally sits

at the bottom of the cell,

Paramount? If pixel perfect presentation is that important, then

perhaps html/css is not the best tool for the job.
Yes I am aware of tableless layouts, but I''m also aware that because
neither using tables nor using pure css will achieve the desired result
consistently across the necessary browsers, I''m employing both methods
in order to get it to look right consistently.

so that when you add the table border, the text looks underlined

In that case, use the text-decoration property:

h2 {text-decoration: underline;}

If you had read my original posting properly, you would have read that
I''m not interested in the text being underlined in any position; what I
want is the bottom of the text flush with the table border so that it
_appears_ underlined.

I''ve stripped everything else out of the page:
http://www.orangeideas.co.uk/clients/atv/table.htm

It does not validate. Fix the markup errors before asking for help.

BTW, you should write new documents using HTML 4.01/strict, not transitional. But since you trawled the archives, you already knew that.
It should validate fine now, thanks for your helpful suggestion.
You''ve set width and height in pixels. When I resize the text, it
naturally overflows the box. You should never set box dimensions in
pixels if the box will hold text. But you already knew that, too, since it is repeated so often in the ciwa* groups.

The page I put up for the purpose of the posting is not in fact the
design in full :-) It is an attempt to isolate this problem
specifically. Are you saying that the resizing/overflowing issue is
drectly related to this problem I''m experienceing? If so, please
explain how becuase I''m been so far unaware of the connection.

BTW - I can''t use the position tag

You mean position property, presumably.

Yes you are correct, well done on spotting the mistake.

Any help in solving the problem of getting the text to lie flush with
the bottom of the table in Safari is very much appreciated.

Lorenzo.

lo***********@hotmail.com wrote:

Yes I am aware of tableless layouts, but I''m also aware that because
neither using tables nor using pure css will achieve the desired result
consistently across the necessary browsers, I''m employing both methods
in order to get it to look right consistently.
Does the fact that you''re still failing when using a table layout
combined with CSS tell you anything? :)

> http://www.orangeideas.co.uk/clients/atv/table.htm

I''m not interested in the text being underlined in any position; what I
want is the bottom of the text flush with the table border so that it
_appears_ underlined.

FWIW, it looks pretty much the same to me in Safari 1.0 v85 as it does
in other browsers. None of them show the text flush with the cell
bottom, and none of them look especially attractive, IMO.
Brian wrote:

You''ve set width and height in pixels. When I resize the text, it
naturally overflows the box.
Are you saying that the resizing/overflowing issue is
drectly related to this problem I''m experienceing?

Methinks the overflow issue is directly related to your misunderstanding
of how the CSS box model works, coupled with your mistaken belief that
you have any control over the visitor''s font size. Take a look at your
test page in just about any browser other than WinIE. Now look around
the menus and find the option to increase the text size. Bump it up a
couple times and see what happens.
Any help in solving the problem of getting the text to lie flush with
the bottom of the table in Safari is very much appreciated.

I think this is a case of trying to fix the wrong problem. If you showed
this issue in context, we might show you a better way to achieve
whatever it is you want.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.

这篇关于有趣的Safari问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！