Hello,
I've created a table with two columns, the second column is fixed width at
64px and contains a div, the div has a border and contains some text, the
text renders to larger than 64px. This is a cut down version of a more
complex page to illustrate the problem so just changing it to divs or some
such wont help.
In IE6 and FF2 the div border automatically stretches to contain the text,
in IE7 the div is set to 64px and stays there, I don't think this is the
correct behaviour, but I can't seem to find another mention of this problem,
could anyone give me some pointers?
tia,
Dave
Jun 27 '08
15 2585
CSS 2.1 17.5.2.2 is the relevant section of the spec. Although the
automatic table layout algorithm is not "normative" , I can't see any
logical reason for IE7 to be giving you the behaviour you report. Report
it to Microsoft as a bug.
Thanks Ben, not the answer I was hoping for though :-). I've been playing
some more and if I change the doctype to
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
then it works, over here http://hsivonen.iki.fi/doctype/ it describes the
doctypes and this shouldn't make a difference, or is this another quirks
mode?
cheers,
Dave
Scripsit Davo:
>Specifically , in "quirks mode", a block with declared width may expand when overflow occurs. By the specifications, it does not. (By default, the textual or other content just overflows, outside the block's box and any eventual border.)
We're not in quirks mode.
You're still not posting properly (lack of attribution), though perhaps
getting better.
You're still in a wrong group.
The div block should inherit the container
box size is my understanding,
You understanding of _inheritance_ is then flawed. That's not uncommon
of course; only perhaps 1 author out of 100 understands the concept
correctly. But we're in a wrong group, and you need to read a good CSS
tutorial before you can start understanding explanations.
In both FF2 and
IE6 the div inherited the container (td) width when the contained
text expands the block (which is how it should work), in IE7 the
behaviour seems to have changed.
This does not happen in quirks mode in IE 7, so they probably regard
this as a fix. You're probably right in assuming that this is wrong, but
your initial explanations were fairly misleading (like speaking about
"fixed width" cell and referring to borders, as if the borders and not
the block size were the issue - and not posting a URL initially).
In fact, the IE 7 bug may well result from a misunderstandin g of
inheritance...
Besides, that's a CSS issue. This is an HTML group.
Perhaps *you* should think a little before shooting off your mouth
;-), if you have something to contribute then thanks, otherwise
perhaps stick to areas you know.
Would really consider honoring a person who makes such a personal
accusation or at least nasty remarks against a named person in public,
himself hiding behind a nickname like a coward?
--
Jukka K. Korpela ("Yucca") http://www.cs.tut.fi/~jkorpela/
>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
nope, my mistake it is in quirks mode now.
On 2008-04-29, Davo <wa******@hotma il.comwrote:
>
>CSS 2.1 17.5.2.2 is the relevant section of the spec. Although the automatic table layout algorithm is not "normative" , I can't see any logical reason for IE7 to be giving you the behaviour you report. Report it to Microsoft as a bug.
Thanks Ben, not the answer I was hoping for though :-). I've been playing
some more and if I change the doctype to
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
then it works, over here http://hsivonen.iki.fi/doctype/ it describes the
doctypes and this shouldn't make a difference, or is this another quirks
mode?
I don't know what you've run into here. Perhaps this is a quirk after
all, but it sounds from the description more like a new bug in IE7.
But I may easily be confused about exactly what you're seeing here.
I don't know what you've run into here. Perhaps this is a quirk after
all, but it sounds from the description more like a new bug in IE7.
I'll report it to Microsoft and see what happens, if I get a result I'll
report it here, in the mean time I'll fiddle a bit more. Thanks for your
help, if you like send me your email address (my email's in the from field)
and I'll keep you posted.
cheers,
Dave
Sub titulo "Re: DIV borders different in IE7 when in td"
scripsit Ben C:
Table cells should never go narrower than the minimum width required
by their contents. Normal flow block boxes (like default DIV) get the
width you set, overflowing if necessary.
This seems to be the heart of the matter, and I'm trying to get a real
discussion started, by moving the discussion to the right group
(c.i.w.a.styles heets) and changing the Subject line.
It seems to me that IE 7, specifically in "standards mode" (!),
misbehaves when a table cell has a declared width but the actual width
is larger, due to the requirements of its content. When the <tdelement
contains a <divelement, IE 7 expands the <tdbut not the <divinside
it. This can be seen from the background or border of the <div>, if set,
and even the formatting of its textual content.
However, width calculation is mystic area in CSS, so it might be
possible that under some weird interpretation, IE 7 is "right", though I
cannot see how.
Demo: http://www.cs.tut.fi/~jkorpela/www/width-bug.html
--
Jukka K. Korpela ("Yucca") http://www.cs.tut.fi/~jkorpela/ This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: Hostile17 |
last post by:
I've been trying to figure out a good way to make a CSS layout with
nice-looking 1-pixel borders around the table cells.
The only broadly compatible way to do this I know of is to have
* the border of the table set to zero
* the cellspacing of the table set to one
* the background color set to black
* the table cell background color set to white
|
by: Christian Knoflach |
last post by:
Hi everyone,
well i know the CSS-Entity "border-style:dotted", but it doesn't work for
me - i need 1 Pixel dotted borders, but "border-style:dotted" creates (on my
IE 6, at least) dashed borders (2 Pixels wide).
Is there anything to take care of too or is it simply not possible to do
this with CSS/HTML?
Thanks for your tips,
|
by: Gnolen |
last post by:
Hi,
I am really getting crazy here! I just do not get why this happens with
the borders of the td/tr! I just want a border on the bottom of the
rows(or td) but I just can't do it!!! I have tried so many different
ways but I just thought this would do it: td {border-bottom: #000000 1px
solid;} But no! What am I doing wrong? Because I can have a border of a
td or tr in FF, right?!
Thankful for any help here! Table and CSS is below..
|
by: Melissa |
last post by:
A form in my database has multiple subforms. If any subform has no data, the
borders of the subform still display on screen and also are printed if I
print the main form. Reports are different. If a subreport has no data, the
borders of the subreport do not appear in Print View nor do they print with
the report. I need the borders to print whether the subreport has data or
not. Is there any way to get the subreport borders to print when a...
|
by: Melissa |
last post by:
Sorry if this becomes a repeat! I am having trouble with my newsreader and
don't know if this got posted yeserday or not or if anyone responded.
A form in my database has multiple subforms. If any subform has no data, the
borders of the subform still display on screen and also are printed if I
print the main form. Reports are different. If a subreport has no data, the
borders of the subreport do not appear in Print View nor do they print...
| |
by: Glen Vermeylen |
last post by:
Hi,
For a project at school we have to automate the assignment of seats in
classrooms to students during the exams.
The lady who previously did everything manually kept the layouts of the
classrooms in an excel-document: 1 sheet per classroom, and she marked
the cells which represent the seats with a border.
The problem however is that she sometimes merged cells together to get a
better layout.
|
by: Matt Kruse |
last post by:
See: http://www.mattkruse.com/temp/offsetleft.html
It appears that the offsetLeft value in IE6 (other versions not tested)
incorrectly ignores the border width on a DIV when there is a width:
property specified. Without a specified width: it gets it correct.
Does anyone know
1) If this is a known bug, and if it affects any other browsers? I tested a
few and found no problems.
|
by: sitko |
last post by:
Hi,
I'm done a little HTML here and there over the years...but nothing professionally. Now I'm working on a project which calls for some simple HTML. Here is my markup, for the life of me I can't figure out why the chart borders aren't showing up.
<html><body>
<table border=”1”>
<tr>
<td>Measurement locations</td><td>Description</td><td>elapsed time, </td><td>Data: Dock A (AFF) </td><td>Model: min. T_mix</td><td>Model: ...
|
by: nicstel |
last post by:
Hello,
I'm trying to find documentation about the xlwt (py_excelerator). I want to change the border of some cells. But the only types that I found is: double and dashed. How to do a simple line and what is the all other border type name?
"borders: top double, bottom double, left double, right double;"
Thank You
Nicolas
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it.
First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
|
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth.
The Art of Business Website Design
Your website is...
| |
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
|
by: tracyyun |
last post by:
Dear forum friends,
With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own....
Now, this would greatly impact the work of software developers. The idea...
|
by: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one.
At the time of converting from word file to html my equations which are in the word document file was convert into image.
Globals.ThisAddIn.Application.ActiveDocument.Select();...
|
by: TSSRALBI |
last post by:
Hello
I'm a network technician in training and I need your help.
I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs.
The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols.
I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| |
by: bsmnconsultancy |
last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...
| |