473,804 Members | 3,063 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Strict vs Transitional XHTML doctype and images

I like making pages with the XHTML strict doctype.
So I was building a page where I have two images that need to be next
to each other, one on top of the other, so the colors match up. In
Firefox 2 and Opera 9 there was always a space in between. But not in
IE7. You can see the effect at http://members.cox.net/desertprince/
Strict.html.

If I change the doctype from strict XHTML to transitional XHTML the
problem goes away. You can see it at http://members.cox.net/
desertprince/Trans.html.

These pages are exactly the same except for the Doctype. They both
validate as XHTML.

What in the Hxxx is going on here?

Rick

Jan 30 '07 #1
7 6128
DesertPrince wrote:
What in the Hxxx is going on here?
What happens if you set the images to vertical-align:bottom or
display:block?

--
K A Nuttall
www.yammer.co.uk
Re-type the e-mail address how it sounds, remove .invalid
Jan 30 '07 #2
On Jan 30, 3:32 pm, "DesertPrin ce" <rickywa...@hot mail.comwrote:
I like making pages with the XHTML strict doctype.
So I was building a page where I have two images that need to be next
to each other, one on top of the other, so the colors match up. In
Firefox 2 and Opera 9 there was always a space in between. But not in
IE7. You can see the effect athttp://members.cox.net/desertprince/
Strict.html.

If I change the doctype from strict XHTML to transitional XHTML the
problem goes away. You can see it athttp://members.cox.net/
desertprince/Trans.html.

These pages are exactly the same except for the Doctype. They both
validate as XHTML.

What in the Hxxx is going on here?

Rick
never mind. I found a 4 year old article by Eric Meyer that discusses
and solves (sorta) the problem.

Jan 30 '07 #3
On Jan 30, 3:32 pm, "DesertPrin ce" <rickywa...@hot mail.comwrote:
I like making pages with the XHTML strict doctype.
So I was building a page where I have two images that need to be next
to each other, one on top of the other, so the colors match up. In
Firefox 2 and Opera 9 there was always a space in between. But not in
IE7. You can see the effect athttp://members.cox.net/desertprince/
Strict.html.

If I change the doctype from strict XHTML to transitional XHTML the
problem goes away. You can see it athttp://members.cox.net/
desertprince/Trans.html.

These pages are exactly the same except for the Doctype. They both
validate as XHTML.

What in the Hxxx is going on here?

Rick
But what I really want to know is why?
Why is there this difference between xhtml transitional and xhtml
strict?
IMHO there should not be, but then I'm just me. ;-)

Jan 31 '07 #4
On 31 Jan, 16:01, "DesertPrin ce" <rickywa...@hot mail.comwrote:
But what I really want to know is why?
Why is there this difference between xhtml transitional and xhtml
strict?
Maybe if you told us the URL to the Meyer article, we'd be able to
tell you

Jan 31 '07 #5
DesertPrince wrote:
Why is there this difference between xhtml transitional and xhtml
strict?
Because that issue lead to almost standards compliant mode and standards
compliant mode in Mozilla

<http://developer.mozil la.org/en/docs/Gecko%27s_%22Al most_Standards% 22_Mode>
--

Martin Honnen
http://JavaScript.FAQTs.com/
Jan 31 '07 #6
Gazing into my crystal ball I observed "DesertPrin ce" <rickywalt1
@hotmail.comwri ting in news:1170259314 .133824.304990
@k78g2000cwa.go oglegroups.com:
Why is there this difference between xhtml transitional and xhtml
strict?
IMHO there should not be, but then I'm just me. ;-)
The difference between transitional and strict is mostly presentational
elements and attributes. Strict should be used for new pages. Transitional
is for pages that - uh - just can't make it, or are not ready yet.

--
Adrienne Boswell at Home
Arbpen Web Site Design Services
http://www.cavalcade-of-coding.info
Please respond to the group so others can share

Jan 31 '07 #7
On 31 Jan, 22:38, Adrienne Boswell <arb...@yahoo.c omwrote:
The difference between transitional and strict is mostly presentational
elements and attributes. Strict should be used for new pages. Transitional
is for pages that - uh - just can't make it, or are not ready yet.
Transitional is only appropriate to use in circumstances that are even
narrower than that -- pages that aren't Strict but they _are_ already
well-authored and valid as Transitional, i.e. basically a valid Strict
page anyway with a few <fontdropped in.

If your pages are typical legacy tag-soup, then Transitional is no
more appropriate for them than Strict is. It's no more relaxed about
mis-use of syntax, nor about most of the gross mis-uses of core HTML
tags. In this case you might as well label it under a Strict doctype
and start working from that situation -- at least you're already
working under the best choice of doctype.

Feb 1 '07 #8

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

Similar topics

59
4784
by: Philipp Lenssen | last post by:
I've tested some of the new Nokia 6600 functionality. It ships with WAP2 and XHTML Support (it says). What it does is check the Doctype -- if it's not the XHTML Mobile Profile Doctype, but a XHTML1.0 Strict one, the media-handheld CSS is _ignored_. Only with the Nokia Doctype, the CSS is used. I find this really annoying as it goes against the whole idea of media-independent XHTML Strict along with stylesheets. On the good side, WML...
35
4648
by: The Bicycling Guitarist | last post by:
My web site has not been spidered by Googlebot since April 2003. The site in question is at www.TheBicyclingGuitarist.net/ I received much help from this NG and the stylesheets NG when updating the code before then. My host's tech guy just sent me the following. Isn't it okay to specify UTF-8 as the charset in the HTTP headers at the server level? Isn't it okay to have validated XHTML 1.0 strict code? ...
16
7672
by: Peter Maas | last post by:
The XHTML file below creates a 2x2 matrix of square images. There is always some space at the bottom borders of the cells (when rendered with Gecko and KHTML, not with IE) and I've found no way so far to make it disappear. If I use XHTML 1.0 Transitional instead of Strict the extra space below the cells disappears. Is it impossible to create seamless images tables in XHTML Strict? <?xml version="1.0"?> <!DOCTYPE html PUBLIC...
13
9639
by: Kieran | last post by:
I am designing a content management system and I want to make sure all pages entered into it's database by users are using valid HTML. I have designed the system to use HTML 4.01 Transitional throughout, however the php powered html checker I have only caters for HTML 4.01 Strict. If possible I need to know the complete differences between Strict and Transitional so I can go through the php script and correctly set it up to properly...
0
1131
by: LU | last post by:
Using VS.Net 03 v.7.1.3 and ASP.NET I'm geting help with javascript and the person helping me is asking me to " get rid of your XHTML ending tag slashes, use a HTML STRICT DOCTYPE" or to use the following "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">" then go validate it at "http://validator.w3.org/". I told him VS.NET does this automatically and I don't know...
6
7870
by: Rolf Welskes | last post by:
Hello, if I have for example: <table style="width: 100%; height: 100%;" border="1"> <tr> <td style="width: 100px">k </td> <td style="width: 100px">k </td> </tr>
14
3053
by: tader | last post by:
so i got script like that <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Drag and Drop</title> <style> #slater { display:block;
6
4617
by: bgold12 | last post by:
I was using quirks mode (without a doctype) and set the overflow CSS property to :auto for the body tag like so: <body style="overflow:auto"> And it worked; it got rid of IE's default scroll bars. However, when I tried to add any doctype at all (HTML strict, HTML loose, XHTML transitional, XHTML strict, etc.), it stopped working. Do I have any control over IE's scroll bars when using doctypes?
92
5189
by: Erwin Moller | last post by:
Hi group, I encoutered page validation error, but I don't know a way around. The page has the following doctype: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Some hyperlinks need to open to a new window, so I used the (wrong) target="" attribute.
0
9591
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,...
0
10594
Oralloy
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...
0
10343
jinu1996
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...
1
10331
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,...
0
9166
agi2029
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...
1
7631
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 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 a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5529
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...
1
4306
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
3
3001
bsmnconsultancy
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...

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.