Ending Tag Format Causes Problem

Tony LaPaso

Hi all,

I'm not sure if this is an HTML issue or CSS issue but it's weird.

I've been working w/XML for 5+ years and it's always been true that you
can use a shorthand notation for an empty element like this:

"<fred/>" is the same as "<fred></fred>"
Well, I'm seeing a case where this is not true. Take a look at the
following two examples, if you would:
<div class='separatorBar'></div><p>hello</p>
<hr/>
<div class='separatorBar'/><p>hello</p>
<hr/>
These should be equivalent, right? It seems they are not. Firefox
v1.0.4 renders the two differently, as do IE 6 and Opera.

Here is the 'separatorBar' definition:

<style type='text/css'>
div.separatorBar {
margin-left:-10px;
margin-right: -10px;
border:solid;
}
</style>
What have I missed here? I though the <xxx/> notation was a shorthand
for <xxx></xxx>. Is this not true> Does anyone have an explanation for
my examples above?

Thanks.

--
Tony LaPaso

Jul 21 '05 #1

Subscribe Post Reply

2369

Alan J. Flavell

On Fri, 13 May 2005, Tony LaPaso wrote:

I'm not sure if this is an HTML issue or CSS issue but it's weird.

I don't think so. It appears you're failing to comform with Appendix
C of the XHTML/1.0 specification, that's all. Nothing "weird" about
that.

Jul 21 '05 #2

Jukka K. Korpela

"Tony LaPaso" <tl*****@comcast.net> wrote:

I'm not sure if this is an HTML issue or CSS issue but it's weird.
It's basically an HTML issue; f'ups set accordingly.
I've been working w/XML for 5+ years and it's always been true that
you can use a shorthand notation for an empty element like this:

"<fred/>" is the same as "<fred></fred>"
It's been true all the time and it still is true that the XMLized
version of HTML, called XHTML, which is what you are really trying to
use, is not ready for Web use. At least not without the precaution of
fooling IE & Co. into seeing it as old HTML, by applying Appendix C.

(If you don't know what Appendix C means, you haven't been paying
attention when you've read c.i.w.a.h. or your XHTML primer - or you
found a very poor primer.)
<div class='separatorBar'></div><p>hello</p>
<hr/>
<div class='separatorBar'/><p>hello</p>
<hr/>

These should be equivalent, right?

They are equivalent by XML specification. The same specification tells
you should not use "self-closing" tags except for elements with EMPTY
declared content, when "interoperability" matters, and on the Web it
surely does. Ref.:
http://www.w3.org/TR/REC-xml/#sec-starttags

On the other hand, an empty div element is almost always a symptom of
bad design, and the class name virtually confirms this.

--
Yucca, http://www.cs.tut.fi/~jkorpela/

Jul 21 '05 #3

Tony LaPaso

Okay, okay...I changed <div class='separatorBar'/> to <div
class='separatorBar' /> but there's no change in behavior. This issue
about a space before the "/>" is a 1999 issue. I can't believe the
latest version of Firefox needs that space. What's more, *both* IE and
Firefox are rendering differently based on whether or not I use <.../>
vs. <...></...>. Both browsers are consistent in this respect.

As usual, I should have been more explicit. I'm using (trying to use)
XHTML 1.0 Strict. Here's the DTD I'm using: <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">

I'm not using the xml prolog so IE 6 is not in "quirks mode".

Actually, forget about IE 6 -- it's hopelessly out of date from a
standards perspective. I am concerned about the way Firefox is
rendering it. Firefox seems to generally be pretty standards compliant.

So, still I get the same behavior. Is there something special in
Appendix C I'm missing?

BTW, what is "f'ups" and "c.i.w.a.h" mean?

--
Tony LaPaso
"Jukka K. Korpela" <jk******@cs.tut.fi> wrote in message
news:Xn***************************@193.229.0.31...

"Tony LaPaso" <tl*****@comcast.net> wrote:
I'm not sure if this is an HTML issue or CSS issue but it's weird.

It's basically an HTML issue; f'ups set accordingly.
I've been working w/XML for 5+ years and it's always been true that
you can use a shorthand notation for an empty element like this:

"<fred/>" is the same as "<fred></fred>"

It's been true all the time and it still is true that the XMLized
version of HTML, called XHTML, which is what you are really trying to
use, is not ready for Web use. At least not without the precaution of
fooling IE & Co. into seeing it as old HTML, by applying Appendix C.

(If you don't know what Appendix C means, you haven't been paying
attention when you've read c.i.w.a.h. or your XHTML primer - or you
found a very poor primer.)
<div class='separatorBar'></div><p>hello</p>
<hr/>
<div class='separatorBar'/><p>hello</p>
<hr/>

These should be equivalent, right?

They are equivalent by XML specification. The same specification
tells
you should not use "self-closing" tags except for elements with EMPTY
declared content, when "interoperability" matters, and on the Web it
surely does. Ref.:
http://www.w3.org/TR/REC-xml/#sec-starttags

On the other hand, an empty div element is almost always a symptom of
bad design, and the class name virtually confirms this.

--
Yucca, http://www.cs.tut.fi/~jkorpela/

Jul 21 '05 #4

Richard Cornford

Tony LaPaso wrote:
<snip>

So, still I get the same behavior. Is there something
special in Appendix C I'm missing?

<snip>

Probably the most important aspect of Appendix C is that you send
Appendix C documents with a content type header of 'text/html' (or
possibly do content negotiation and only send text/html as the content
type for browsers that don't admit to understanding XHTML).

A browser receiving a document with a content type header asserting that
the contents are text/html will interpret that document as HTML (what
else could they do?). Appendix C relies on the content being interpreted
as tag soup HTML with syntax that is within the known error-correction
behaviour of existing browsers. Thus the browser error-corrects the
document back to HTML, and creates an HTML DOM for it.

In HTML there is no shorthand, and that penultimate slash in a tag is
interpreted as an error in the mark-up, which is just ignored (not
strictly correct, but that is what happens). Thus <div /> becomes an
opening div tag for which there is no corresponding closing div tag. The
corresponding closing div tag will probably be inferred by the browser
in a position just before the containing element is closed.

Richard.

Jul 21 '05 #5

Eric B. Bednarz

"Tony LaPaso" <tl*****@comcast.net> writes:

Okay, okay...I changed <div class='separatorBar'/> to <div
class='separatorBar' /> but there's no change in behavior. This issue
about a space before the "/>" is a 1999 issue.
Prince had a 1999 issue I seem to recollect.
Compatibility apart, you have already been told why you shouldn't do
that in the first place...
I can't believe the
latest version of Firefox needs that space. What's more, *both* IE and
Firefox are rendering differently based on whether or not I use <.../>
vs. <...></...>. Both browsers are consistent in this respect.
....but since you are obviously advertising text/html anything that
happens is a feature.
As usual, I should have been more explicit. I'm using (trying to use)
XHTML 1.0 Strict. Here's the DTD I'm using: <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">

I'm not using the xml prolog so IE 6 is not in "quirks mode".
You just quoted (part or all of) the prolog; you could spare yourself
some quality time if you locate and read the specs right away instead of
of getting confused by helpful misinformation (webstandards.org and
such) first.
BTW, what is "f'ups" and "c.i.w.a.h" mean?

Since I'm replying to this in a 'c.i.w.a.s.', it means you need to
install a newsreader to participate on Usenet.
--
| ) PiÃ¹ Cabernet,
-( meno Internet.
| ) http://bednarz.nl/

Jul 21 '05 #6

Tony LaPaso

Thank you all... I changed the content type to application/xhtml+xml
and Firefox rendered it like a charm!

I'm a little new to CSS and trying to get my site up to standards and
so some of my questions might seem a little simple. But thank you all
for responding.
--
Tony LaPaso

"Tony LaPaso" <tl*****@comcast.net> wrote in message
news:6r********************@comcast.com...

Hi all,

I'm not sure if this is an HTML issue or CSS issue but it's weird.

I've been working w/XML for 5+ years and it's always been true that
you can use a shorthand notation for an empty element like this:

"<fred/>" is the same as "<fred></fred>"
Well, I'm seeing a case where this is not true. Take a look at the
following two examples, if you would:
<div class='separatorBar'></div><p>hello</p>
<hr/>
<div class='separatorBar'/><p>hello</p>
<hr/>
These should be equivalent, right? It seems they are not. Firefox
v1.0.4 renders the two differently, as do IE 6 and Opera.

Here is the 'separatorBar' definition:

<style type='text/css'>
div.separatorBar {
margin-left:-10px;
margin-right: -10px;
border:solid;
}
</style>
What have I missed here? I though the <xxx/> notation was a shorthand
for <xxx></xxx>. Is this not true> Does anyone have an explanation
for my examples above?

Thanks.

--
Tony LaPaso

Jul 21 '05 #7

by: Rusty Shackleford | last post by:

I have a Summer in front of me without any school, and I'd like to add a new format for python print strings that will show any number in a binary representation. For example: >>> '%b' % 3 11...

Python

Ending Tag Format Causes Problem

by: Tony LaPaso | last post by:

Hi all, I'm not sure if this is an HTML issue or CSS issue but it's weird. I've been working w/XML for 5+ years and it's always been true that you can use a shorthand notation for an empty...

HTML / CSS

Time format

by: Just D | last post by:

Did anybody see this bug? I tried to reproduce that using 12-hour and 24-hour system settings. Anyway it still causes a problem in VS2003. When I convert DateTime to a string using default...

C# / C Sharp

String.Format help (making a path)

by: raffelm | last post by:

I'm struggling to find a way to include long path names in a command line argument string that I have to build at runtime. I need to create a string like -o:"c:\my documents\my file.txt". ...

C# / C Sharp

email package and line ending

by: Manlio Perillo | last post by:

Regards. The problem is this code: >>> import email.Message >>> msg = email.Message.Message() >>> msg = "email bug" >>> msg = "Manlio Perillo" >>> print repr(msg.as_string()) 'subject:...

Python

How to build a Find statement on the fly without the leading/ending Quotes?

by: barry.edmund.wright | last post by:

Hi All, I want to build a Find Statement on the fly. The code below starting with 'This Code Works! is fine but as I said I want to build the Me!cboSelect1 & "=" & rs(Me!cboSelect1) portion of...

Microsoft Access / VBA

How to extract a string starting with 'abc' & ending with 'xyz' ?

by: Umesh | last post by:

I want to extract a string abc*xyz from a text file. * indicates arbitrary no. of characters. I'm only able to do it when the string has definite no. of characters or the string length is...

C / C++

SQL 2000 date format problem after migration W2k to W2k3

by: Maciej07 | last post by:

Hello, We are using SQL server 2000 on W2k Server and MS Access 2000 ADP (like front-end). Now we try to change operating system for SQL Server 2000 from W2k to W2k3 and we found problem with...

Microsoft SQL Server

Changing DATE Format HELP

by: cephal0n | last post by:

I have a technical Date problem that's really difficult for me, I have a "custom made" Date format MM.DD.YY this is actually extracted from SAP and theirs no other format option offered such as...

Microsoft Access / VBA

No format string passed to variable argument list function

by: Adam | last post by:

Hi, I have a simple printf-like function: int print(const char *format, ...) { char buffer; va_list argptr; int i;

C / C++

Cloud Servers without Credit Card and Email Registration: A Simpler Way to Get on the Cloud

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...

General

Access Europe: Command bars, the Access Shortcut Tool and a simple Audit Log - Wed 3 April

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...

General

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

Ending Tag Format Causes Problem

Similar topics