Hello everybody --
Forgive my multi-posting my question. I posted first to ciwah, but I
learned that ciwas is the better group for this CSS question.
The problem has me stopped. The page: http://www.key-horse.com/fftst.html
is rendered completely differently by Firefox 1.0 and IE 6.0. The code
seems to me perfectly straightforward and simple: show two small tables
side-by-side and top-aligned when the browser window is wide enough,
else show the tables arranged vertically. Both of the tables and the
div that contains them have 1px borders.
My CSS must be wrong: IE6.0 does as I expect, whereas FF1.0 does
something surprising, meaning:
1. Tables look to be only one row deep in FF;
2. Tables seem to be bottom-aligned in FF; and
3. In FF, the tables escape their 1px-blue-bordered containing div.
How shall I style these two tables so they render as I wish them to?
Just one note: someone suggested in ciwah that I might float or
otherwise position these tables. Instead, I use display: inline because
I want to let the browser treat the two tables as simple inline
elements without any positioning. Is there something wrong with that
usage? Some implication I'm not understanding? The idea of this
treatment is to accomodate lots of displays, especially mobile devices.
Thanks!
-- Pete 6 1971
"Pete" <pe*****@yahoo. com> wrote: is rendered completely differently by Firefox 1.0 and IE 6.0. The code seems to me perfectly straightforward and simple: show two small tables side-by-side and top-aligned when the browser window is wide enough, else show the tables arranged vertically.
This is far from straight forward due to Mozilla's lack of support of
the required "inline-table" css value.
You may be able to hack around that by setting the display value to
"inline" first (followed by inline-table), but be warned that Mozilla
does weird things when you do that, and it has bugs concerning usage of
the vertical-align property.
IE also doesn't support inline-table, but IE is so stupid that
display:inline actually does make the table act like an inline-table.
Just one note: someone suggested in ciwah that I might float or otherwise position these tables. Instead, I use display: inline because I want to let the browser treat the two tables as simple inline elements without any positioning. Is there something wrong with that usage?
Apparently you missed that this person also told you that setting the
display property of a table to "inline" is not correct. Given the
problems that Mozilla poses floating may be the best way if the tables
do not need to be centered, and if you know how to avoid the drawbacks
associated with floating.
--
Spartanicus
Spartanicus wrote:
<< Apparently you missed that this person also told you that setting
the display property of a table to "inline" is not correct. >>
This person told me: << You seem to have set display: inline for your
tables. If this is taken seriously, it means that your table becomes
just inline text, like the content of a paragraph. >>
This person describes exactly what I'm trying to do. I don't see the
words "not correct"; and I believe the spec says the usage is correct,
as well: http://www.w3.org/TR/REC-CSS2/visure...ropdef-display
But let's forget that, because none can doubt that the real standard of
correctness is the collection of browsers. It has to work in extant
browsers no matter what the spec says. If the usage doesn't work, then
that part of the spec is just pure gas and a waste of everybody's time
because the feature may not be used on the WWW any time in the next ten
years.
This person also said: << You would probably want to use float: left
instead. Or maybe positioning. >>
And you say: << Given the problems that Mozilla poses floating may be
the best way if the tables do not need to be centered, and if you know
how to avoid the drawbacks associated with floating. >>
Absolutely, no question. But I've killed myself trying to float these
tables and I haven't succeeded. As you say, I don't know how to avoid
the drawbacks associated with floating.
If you can point me to a site that tells these drawbacks, please do. If
you can tell me these drawbacks, please do. If there's a cookbook that
has a recipe for us all, tell me about it. I'm frustrated, I'm
desperate, and I'm listening.
Thanks for your response.
-- Pete
OT: You know, many of the cognoscenti evangelize for CSS-based layout.
But for the occasional, casual user there is always an insurmountable
gotcha' somewhere down the line with CSS. Always some roadblock that
will not yield. Always some useful feature in the spec that some
browser ignores or gets wrong. The hours wasted in trying to do
CSS-based layout make it a poor investment for anyone whose middle name
isn't Meyer. Or this person's.
Pete wrote: Spartanicus wrote:
<< Apparently you missed that this person also told you that setting the display property of a table to "inline" is not correct. >>
This person told me: << You seem to have set display: inline for your tables. If this is taken seriously, it means that your table becomes just inline text, like the content of a paragraph. >>
This person describes exactly what I'm trying to do. I don't see the words "not correct"; and I believe the spec says the usage is correct, as well:
http://www.w3.org/TR/REC-CSS2/visure...ropdef-display
But let's forget that, because none can doubt that the real standard of correctness is the collection of browsers. It has to work in extant browsers no matter what the spec says. If the usage doesn't work, then that part of the spec is just pure gas and a waste of everybody's time because the feature may not be used on the WWW any time in the next ten years.
This person also said: << You would probably want to use float: left instead. Or maybe positioning. >>
And you say: << Given the problems that Mozilla poses floating may be the best way if the tables do not need to be centered, and if you know how to avoid the drawbacks associated with floating. >>
Absolutely, no question. But I've killed myself trying to float these tables and I haven't succeeded. As you say, I don't know how to avoid the drawbacks associated with floating.
If you can point me to a site that tells these drawbacks, please do. If you can tell me these drawbacks, please do. If there's a cookbook that has a recipe for us all, tell me about it. I'm frustrated, I'm desperate, and I'm listening.
Thanks for your response.
-- Pete
OT: You know, many of the cognoscenti evangelize for CSS-based layout. But for the occasional, casual user there is always an insurmountable gotcha' somewhere down the line with CSS. Always some roadblock that will not yield. Always some useful feature in the spec that some browser ignores or gets wrong. The hours wasted in trying to do CSS-based layout make it a poor investment for anyone whose middle name isn't Meyer. Or this person's.
i think the easiest to obtain a correct layout is by placing these 2
tables inside a 3rd table. (good old tables)
gl
martin
"Pete" <pe*****@yahoo. com> wrote: << Apparently you missed that this person also told you that setting the display property of a table to "inline" is not correct. >>
This person told me: << You seem to have set display: inline for your tables. If this is taken seriously, it means that your table becomes just inline text, like the content of a paragraph. >>
This person describes exactly what I'm trying to do.
No he doesn't, disregarding the fact that to make the statement fully
correct tr and td would also have to be set to inline, having all
content within a table rendered inline is *not* what you want, you are
looking to have the table itself act as an inline element, but the
content in it to stay in tabular rendering.
But let's forget that, because none can doubt that the real standard of correctness is the collection of browsers.
Bee shit.
It has to work in extant browsers no matter what the spec says.
That's a different matter.
If the usage doesn't work, then that part of the spec is just pure gas and a waste of everybody's time
Bee shit again.
because the feature may not be used on the WWW any time in the next ten years.
Of course it can, how do you propose to get what you want in the many
browsers that *have* implemented this part of the spec (Opera, Safari,
iCab etc.)? The answer often is that you use the correct property value,
then you can attempt to work around the limitations of the relevant
browsers that have not implemented it.
This person also said: << You would probably want to use float: left instead. Or maybe positioning. >>
And you say: << Given the problems that Mozilla poses floating may be the best way if the tables do not need to be centered, and if you know how to avoid the drawbacks associated with floating. >>
Absolutely, no question. But I've killed myself trying to float these tables and I haven't succeeded. As you say, I don't know how to avoid the drawbacks associated with floating.
http://www.spartanicus.utvinternet.ie/test/pete.htm
OT: You know, many of the cognoscenti evangelize for CSS-based layout. But for the occasional, casual user there is always an insurmountable gotcha' somewhere down the line with CSS. Always some roadblock that will not yield. Always some useful feature in the spec that some browser ignores or gets wrong. The hours wasted in trying to do CSS-based layout make it a poor investment for anyone whose middle name isn't Meyer. Or this person's.
Using css for layout is indeed far to difficult given IE's and to a
lesser extent Mozilla's current limitations, this limits what can be
achieved in these browsers. There are work arounds for some of the
problems, but due to the fundamental unsuitability of the methods used
to work around the limitations of some browsers, they require a level of
understanding that is beyond the casual user. Although this is most
regrettable, it does not form an argument for ignoring css and the
numerous benefits it brings, especially for professional authors, or non
casual amateurs.
--
Spartanicus
Spartanicus:
<< ... having all content within a table rendered inline is *not* what
you want, you are looking to have the table itself act as an inline
element, but the content in it to stay in tabular rendering. >>
Yes, of course you are right: that's what I was looking for. And so is
this:
<< http://www.spartanicus.utvinternet.ie/test/pete.htm >>
Beautiful! Exactly what I needed. Thank you so much! I'm very grateful
to you.
-- Pete This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: lawrence |
last post by:
Please look at these few lines of code. You'll see that I keep echoing
out the variable $name. And each time, I'm getting the correct result.
But then, when it is used in an error statement, it is missing the
first letter. How can this be? Does anyone see a place where $name is
being changed? Below you can see the output.
// 04-26-04 - now we want just the name, without the parentheses.
$location1 = strpos($name, "(");
|
by: Sander Janssen |
last post by:
Hello,
I have this peculiar problem concerning MS SQL Server.
My company works with an mailing application (ASP) which uses SQL
Server as it's repository. What I want to do is send data directly
from my own application to this SQL Server in order to feed the
mailing application.
To test if this was possible I linked the tables from SQL Server in MS
|
by: Sean Quinn |
last post by:
Hi,
I don't know if anyone has run into similar problems, but it seems like
when I use `require_once(...)' with files that contain functions I get
an error indicating that it can't redeclare the functions. I thought
the point of the once directive was to PREVENT the system from
including duplicate files (and thus attempting to redeclare the
functions).
It has worked elsewhere, for instance I have a database.php file, that
|
by: Lance Orner |
last post by:
I wrote this letter to a colleague, and I thought I'd share it here:
---
We had a problem with pointers being passed between managed C++ and
unmanaged C++ code, but it only occurred once in every 2000-3000
calls. There were some String* objects in the managed code, which
were marshalled into IntPtr* objects. This was cast into a const char
__pin* and passed to some unmanaged C++ code. When the problem would
occur, the breakpoint...
|
by: matt |
last post by:
Hi,Hope someone can help me on this infuriating problem. We have several
pages containing different user controls which run fine then strangely
output the following error. The problem can then be resolved by simply
saving the .ascx file, which forces a recompile.System.Web.HttpException:
External component has thrown an exception. --->
System.Web.HttpCompileException: External component has thrown an exception.
at...
| |
by: Chris Ashley |
last post by:
I have been tearing my hair out (or indeed, what's left of it) all day
with this one. I'm not sure if it's a .NET issue, a server issue or
anything else and would appreciate any guidance.
Basically, I have a web app that sends emails. Very basic code, nothing
fancy, and I have had it working on about 5 machines! It's hardly worth
pasting, but here's the send method from my email class anyway. As you
can see, very basic:
public void...
|
by: Julie Lerman |
last post by:
Okay, so I'll try here now <g>
I've been battling this problem for over a week now. So, if nothing else,
hopefully my little tale of woe will be entertaining. But I'm really hoping
someone somewhere in the world has encountered this problem and knows how to
get around it.
If anyone has any NEW ideas for me, please please let me know. Thanks!
Here goes:
|
by: mfreeman |
last post by:
The minimal code (VB.NET 2003) needed to show this problem is shown
below. All I do is loop through the records in the table and update
them without making any changes. Out of 600 records, about 40 of them
throw Concurrency violation errors in the update, and my GetAllColErrs
function provides no output. In comparing the rows that throw errors
with those that do not, I could find no pattern.
It is obviously a bogus error, as the...
|
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: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed.
This is as boiled down as I can make it.
Here is my compilation command:
g++-12 -std=c++20 -Wnarrowing bit_field.cpp
Here is the code in...
|
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: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
|
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
|
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...
| | |