XHTML and Cascading Style Sheets
- Thread starter McKenna
- Start date
look at www.sitepoint.com
quickfoot
Really Experienced
- Joined
- Jan 4, 2003
- Posts
- 158
Mogwai7 said:
As a profesional web programmer and designer I can testify that ignoring what IE renders content as and going by Mozilla is a horrible terrible idea.
I am a huge advocate of Mozilla and specifically of Firebird however over 90% of the browser market is dominated by IE, that means that you must verify that it looks appropiate in the most dominate browser(s). I generally verify IE 6, 5.5 and 5 and Mozilla which also covers netscape since it is based on it.
I do not verify for version 4.0 of Netscape because it has such low percentage of the market and unfortunately whether they like it or not the .5% of people that are still using it are going to need to upgrade at one point. With that said most my websites work well in Netscape 4, they just are not exactly the same visually and some features may be missing but they are not broken.
Also once you have worked with CSS for a while you realize there are certain techniques you can use to make CSS render the same in IE and in Mozilla, specifically if you use point sizes and picas they will render very closely. You can also use a perferably server side language like PHP to server a different style sheet to Mozilla and IE that are catered to the specific browsers.
CSS support in IE is fairly good in some aspects, make sure you use CSS1 if CSS2 doesn't have anything you require as it is an older standard and more widely and accurately supported. CSS1 is actually pretty old, just slowly adopted.
Saying it looks alright with me when I use Opera will not pacify a customer with a website that is broken or looks horrible for 90+% of the rest of the world.
Last edited:
raven_is_evil
Virgin
- Joined
- Feb 17, 2004
- Posts
- 14
re:
i have been designing websites professionally for almost 6 years and i can safely say that IE is the resident standard browser these days. its very rare to find someone who doesn't use it. after IE comes Netscape. those are the big two that the W3 is mainly concerned with since they comprise the vast majority of used browsers.
and you won't find many sites (or supporting browsers) that use XML (or XHTML as you had put it) since its still a coding language in its infancy. some people still find HTML too confusing and difficult, nevermind XML, thats why those evil programs (such as Microsoft Frontpage) exist. it allows anyone with a mouse and an imagination to create a site. no muss, no fuss and no long hours pouring over code (they have no idea what they're missing! there is nothing better than pouring over code!)
might i ask though, why are you using a CSS? there are plenty of ways to design a site without even bothering with that. if you do require help with any coding, let me know. i'll be glad to be of assistance.
i have been designing websites professionally for almost 6 years and i can safely say that IE is the resident standard browser these days. its very rare to find someone who doesn't use it. after IE comes Netscape. those are the big two that the W3 is mainly concerned with since they comprise the vast majority of used browsers.
and you won't find many sites (or supporting browsers) that use XML (or XHTML as you had put it) since its still a coding language in its infancy. some people still find HTML too confusing and difficult, nevermind XML, thats why those evil programs (such as Microsoft Frontpage) exist. it allows anyone with a mouse and an imagination to create a site. no muss, no fuss and no long hours pouring over code (they have no idea what they're missing! there is nothing better than pouring over code!)
might i ask though, why are you using a CSS? there are plenty of ways to design a site without even bothering with that. if you do require help with any coding, let me know. i'll be glad to be of assistance.
Check this out for wrapping text:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
.outer {
position: relative;
color: #000000;
background-color: #FFFFCC;
height: 200px;
width: 400px;
left: 10px;
top: 10px;
}
.outer img {
float: right;
margin: 10px;
}
.outer p{
margin-left: 10px;
}
-->
</style>
</head>
******>
<div class="outer"><img src=" PUT YOUR IMAGE PATH HERE " alt="test image" width="90" height="90" />
<p>Hello this is some text : Hello this is some text : Hello this is some
text : Hello this is some text : Hello this is some text : Hello this is
some text : Hello this is some text : Hello this is some text : Hello this
is some text : Hello this is some text : Hello this is some text : Hello
this is some text : Hello this is some text : Hello this is some text :
Hello this is some text : Hello this is some text : Hello this is some text : Hello this is some
text : Hello this is some text : Hello this is some text : Hello this is
some text : </p>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
.outer {
position: relative;
color: #000000;
background-color: #FFFFCC;
height: 200px;
width: 400px;
left: 10px;
top: 10px;
}
.outer img {
float: right;
margin: 10px;
}
.outer p{
margin-left: 10px;
}
-->
</style>
</head>
******>
<div class="outer"><img src=" PUT YOUR IMAGE PATH HERE " alt="test image" width="90" height="90" />
<p>Hello this is some text : Hello this is some text : Hello this is some
text : Hello this is some text : Hello this is some text : Hello this is
some text : Hello this is some text : Hello this is some text : Hello this
is some text : Hello this is some text : Hello this is some text : Hello
this is some text : Hello this is some text : Hello this is some text :
Hello this is some text : Hello this is some text : Hello this is some text : Hello this is some
text : Hello this is some text : Hello this is some text : Hello this is
some text : </p>
</div>
</body>
</html>
Mogwai7 said:XHTML and CSS are not in infancy stages at all. The technology is widely adopted, you just need to know where to look...
The thing about XHTML is that they've removed a lot of the stuff that would be in HTML 4.01 and it is a lot more strict in formatting. (no <br> it would be <br />)
CSS is used for the formatting of these documents. And in my experience, any properly coded XHTML site with CSS displays a lot faster than any HTML 4.01 page. And if you code it properly (By hand, tools like Front Page add too much junk code) you will even reduce the site's size and reduce bandwidth costs.
And McKenna, give this a shot:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Test Document</title>
<style type="text/css">
<!--
body {
background: #ffffff;
color: #000000;
}
.floaterbox {
position: fixed;
width:95px;
height:200px;
}
-->
</style>
</head>
******> <!-- Lit cut out the body tag here :/ -->
<div class="floaterbox" style="top:30px;left:50px;border:#000055 thin outset;">
Testing<br />
This is a document test for a floating box.
</div>
<div class="floaterbox" style="top:30px;right:50px;border:#550000 thin outset;">
Testing 2<br />
This is a second floating box on the right side
</div>
</body>
</html>
And if you want, you can PM me, I'll be more than happy to help.
Interestingly, this didn't display properly in I.E. but it did in Mozilla.
Mogwai7 said:That is because IE is behind in CSS and XHTML support, Mozilla based browsers, Opera, and Konqueror/Geko are the leading browsers in supporting advanced web standards, which is being tought more and more in college courses.
Then this may be the whole problem.
McKenna have you tried Mozilla? It's worth a shot just to see if it works with your code.
Similar threads
