How "portable" would a webpage layout strictly using CSS positioning be?

[SunnyD]

Just a thought here. I'm trying to be cutting edge in making my own website/page, so that I can use it as a portfolio thing in jobhunting. I'm considinering making a sort of "template", or more accurately reusable "building blocks" from tables utilizing CSS positioning and such. I'm trying to figure out if this would be a mistake or not.

Or should I stick with ungodly nested tables?

 

[notfred]

It won't look right in NS 4, and IE 6 has some CSS quirks (like display: table doesn't work), but most fairly modern browsers are pretty good with CSS.

 

[UNCjigga]

What's with XML?? Everytime I click a link for an 'XML' version all I see is a bunch of source code. Example...the main Anandtech page. I click the red XML button and all I see is the code...is my browser not supposed to parse it for me or something??

<-- teh suck at teh XML...

 

[hoyaguru]

Why use CSS when a lot of people have problems using it?

 

[dighn]

Originally posted by: uncJIGGA
What's with XML?? Everytime I click a link for an 'XML' version all I see is a bunch of source code. Example...the main Anandtech page. I click the red XML button and all I see is the code...is my browser not supposed to parse it for me or something??

<-- teh suck at teh XML...

XML Basics

 

[Descartes]

Originally posted by: uncJIGGA
What's with XML?? Everytime I click a link for an 'XML' version all I see is a bunch of source code. Example...the main Anandtech page. I click the red XML button and all I see is the code...is my browser not supposed to parse it for me or something??

<-- teh suck at teh XML...

XML is not, and has nothing to do with, the presentation of content. You're most likely referring to the syndication of content in XML.

 

[MaxDepth]

Originally posted by: Descartes

Originally posted by: uncJIGGA
What's with XML?? Everytime I click a link for an 'XML' version all I see is a bunch of source code. Example...the main Anandtech page. I click the red XML button and all I see is the code...is my browser not supposed to parse it for me or something??

<-- teh suck at teh XML...

XML is not, and has nothing to do with, the presentation of content. You're most likely referring to the syndication of content in XML.

Correct.


SunnyD- are you going to make this PDA friendly, too? If you do, use XML to parse your CSS. That way, if a IE4-6 hits the page, it'll dump to an ASP or simple HTML. For the rest, it'll display XHTML. Google for "XML page formatting."

 

[Descartes]

Originally posted by: MaxDepth

Originally posted by: Descartes

Originally posted by: uncJIGGA
What's with XML?? Everytime I click a link for an 'XML' version all I see is a bunch of source code. Example...the main Anandtech page. I click the red XML button and all I see is the code...is my browser not supposed to parse it for me or something??

<-- teh suck at teh XML...

XML is not, and has nothing to do with, the presentation of content. You're most likely referring to the syndication of content in XML.

Correct.


SunnyD- are you going to make this PDA friendly, too? If you do, use XML to parse your CSS. That way, if a IE4-6 hits the page, it'll dump to an ASP or simple HTML. For the rest, it'll display XHTML. Google for "XML page formatting."

Hmm, huh? XML to parse CSS? What do you mean here? Dump to ASP? ASP is processed on the server and rendered as whatever on the client.

 

If you make the layout XHTML 1.0 Strict, it'll be VERY portable. My own website is compliant with the XHTML standard, and it displays fine, even on my Axim (it's a stripped down version though when it displays on Pocket IE).

Go for standards and you'll be fine.

 

[Mucman]

Why use tables at all? Use <div>


My website with CSS
Site with out stylesheet

The HTML is exactly the same in those pages... all positioning is done using CSS. That's the primary
benefit of CSS. If you wish, you can see how the site looks with a different stylesheet here:

Here ya go (little ugly, egh?)

I managed to update the look of my site purely by editing the stylesheet! HTML should only be used
to identify sections of your website... keep the formatting and positioning in the CSS. Of course I made
the mistake of using inline styles for some of the stuff, so I need to fix that.

 

[MaxDepth]

Originally posted by: Descartes

Originally posted by: MaxDepth

Originally posted by: Descartes

Originally posted by: uncJIGGA
What's with XML?? Everytime I click a link for an 'XML' version all I see is a bunch of source code. Example...the main Anandtech page. I click the red XML button and all I see is the code...is my browser not supposed to parse it for me or something??

<-- teh suck at teh XML...

XML is not, and has nothing to do with, the presentation of content. You're most likely referring to the syndication of content in XML.

Correct.


SunnyD- are you going to make this PDA friendly, too? If you do, use XML to parse your CSS. That way, if a IE4-6 hits the page, it'll dump to an ASP or simple HTML. For the rest, it'll display XHTML. Google for "XML page formatting."

Hmm, huh? XML to parse CSS? What do you mean here? Dump to ASP? ASP is processed on the server and rendered as whatever on the client.

XML is what Javascript tried to do in detection of browser. When I say dump to ASP, I mean using ASP controls to set up the page and display the content according to the IE browser. Front Page has a template for that. Just follow jumpr's idea. There is a link to it on the Dreamweaver site that explains strict XHTML.

 

[Descartes]

Originally posted by: jumpr
If you make the layout XHTML 1.0 Strict, it'll be VERY portable. My own website is compliant with the XHTML standard, and it displays fine, even on my Axim (it's a stripped down version though when it displays on Pocket IE).

Go for standards and you'll be fine.

Not always.

 

[Descartes]

Originally posted by: MaxDepth

Originally posted by: Descartes

Originally posted by: MaxDepth

Originally posted by: Descartes

Originally posted by: uncJIGGA
What's with XML?? Everytime I click a link for an 'XML' version all I see is a bunch of source code. Example...the main Anandtech page. I click the red XML button and all I see is the code...is my browser not supposed to parse it for me or something??

<-- teh suck at teh XML...

XML is not, and has nothing to do with, the presentation of content. You're most likely referring to the syndication of content in XML.

Correct.


SunnyD- are you going to make this PDA friendly, too? If you do, use XML to parse your CSS. That way, if a IE4-6 hits the page, it'll dump to an ASP or simple HTML. For the rest, it'll display XHTML. Google for "XML page formatting."

Hmm, huh? XML to parse CSS? What do you mean here? Dump to ASP? ASP is processed on the server and rendered as whatever on the client.

XML is what Javascript tried to do in detection of browser. When I say dump to ASP, I mean using ASP controls to set up the page and display the content according to the IE browser. Front Page has a template for that. Just follow jumpr's idea. There is a link to it on the Dreamweaver site that explains strict XHTML.

That still makes no sense. I was just trying to figure out what you meant. ASP hasn't any concept of controls, so maybe you're thinking ASP.NET or Interdev's DTC.

 

[SunnyD]

Originally posted by: Mucman
Why use tables at all? Use <div>


My website with CSS
Site with out stylesheet

The HTML is exactly the same in those pages... all positioning is done using CSS. That's the primary
benefit of CSS. If you wish, you can see how the site looks with a different stylesheet here:

Here ya go (little ugly, egh?)

I managed to update the look of my site purely by editing the stylesheet! HTML should only be used
to identify sections of your website... keep the formatting and positioning in the CSS. Of course I made
the mistake of using inline styles for some of the stuff, so I need to fix that.

This is EXACTLY what I am talking about.

Thanks Mucman.

 

[Mucman]

Originally posted by: Descartes

Originally posted by: jumpr
If you make the layout XHTML 1.0 Strict, it'll be VERY portable. My own website is compliant with the XHTML standard, and it displays fine, even on my Axim (it's a stripped down version though when it displays on Pocket IE).

Go for standards and you'll be fine.

Not always.

Interesting read! Glad I didn't jump to XHTML when I was fixing up my site