- see footer for list info -<
You wish you were back in 1994 eh Russ? With Netscape 1 and <blink> ...
the closest you can get to that now is the <bling> tag which gives
everything a nice shiny tint.
Russ Michaels (Snake) wrote:
- see footer for list info -<
HTML used to be so simple... I think it's easier to do CFML than HTML now
with all these CSS, cross browser issues.
-----Original Message-----
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Paul Johnston
Sent: 10 December 2004 13:21
To: Coldfusion Development
Subject: Re: [CF-Dev] Strange layout behaviour
- see footer for list info -<
On Fri, 2004-12-10 at 12:03 +0000, Damian Watson wrote:
- see footer for list info -<
One way is to have body style of text-align:center then specify a
fixed width for your div. This will center all content
however so you
need a style on the div: text-align:left.
This (unfortunately) is NOT the correct way to do it! This
is broken in various browsers.
Try this in both Firefox and IE and you'll see what I mean.
---code---
<html>
<head>
<style type="text/css">
body {
text-align: center;
}
.centeredDiv {
width: 80%;
text-align: left;
border: 1px solid #666666;
}
</style>
</head>
<body>
<div class="centeredDiv">
<p>Hello!</p>
</div>
</body>
</html>
---code---
The div does NOT "center" align at all! There is actually no
simple way of "centering" content using cross-browser CSS in
XHTML (wouldn't it be nice if there was).
For more info on how to "center" properly, take a look at this:
http://www.sitepoint.com/forums/printthread.php?t=213250
There are many and varied CSS things out there, but the basic
idea is that using:
margin: 0px auto;
will center a div in Firefox (and most others) and for IE you do this:
body {
text-align: center;
}
#container {
margin-left: auto;
margin-right: auto;
text-align: left;
}
This isn't entirely perfect, but works a darn site better
than what was previously emailed and works in Firefox!
Paul
--
Paul Johnston <[EMAIL PROTECTED]>
_______________________________________________
For details on ALL mailing lists and for joining or leaving
lists, go to http://list.cfdeveloper.co.uk/mailman/listinfo
--
CFDeveloper Sponsors:-
- Hosting provided by www.cfmxhosting.co.uk -<
- Forum provided by www.fusetalk.com -<
- DHTML Menus provided by www.APYCOM.com -<
- Lists hosted by www.Gradwell.com -<
- CFdeveloper is run by Russ Michaels, feel free to
volunteer your help
-<
_______________________________________________
For details on ALL mailing lists and for joining or leaving lists, go to
http://list.cfdeveloper.co.uk/mailman/listinfo
--
CFDeveloper Sponsors:-
- Hosting provided by www.cfmxhosting.co.uk -<
- Forum provided by www.fusetalk.com -<
- DHTML Menus provided by www.APYCOM.com -<
- Lists hosted by www.Gradwell.com -<
- CFdeveloper is run by Russ Michaels, feel free to volunteer your help -<
_______________________________________________
For details on ALL mailing lists and for joining or leaving lists, go to
http://list.cfdeveloper.co.uk/mailman/listinfo
--
CFDeveloper Sponsors:-
- Hosting provided by www.cfmxhosting.co.uk -<
- Forum provided by www.fusetalk.com -<
- DHTML Menus provided by www.APYCOM.com -<
- Lists hosted by www.Gradwell.com -<
- CFdeveloper is run by Russ Michaels, feel free to volunteer your help -<
