S
Scott
Hi, I've tried centering a div on the page, which works in both MSIE and
FireBird. However, make the window any less than 730px and the text either
side goes off the screen and the scrollbars can't find it - anyone know a
work-around?
Also, ignore the copy I used to demonstrate it!
Cheers,
Scott
=============================
<html>
<head>
<style>
div#container {
width:730px;
position:absolute;
top:0;
left:50%;
margin-left:-365px;
}
</style>
</head>
<body>
<div id="container">
<div style="text-align:center;margin:auto;width:730px;">
<div style="text-align:left;">
HTML tables are the darlings of many Web designers, but the original intent
of these tables was the tabular display of data (Excel-like format for
easier reading). Designers quickly realized it was hard to control the
placement of data within an HTML page, and tables provided the answer.
Cascading Style Sheets (CSS) offer an alternative. A style sheet contains
definitions of how content should be rendered on a page. The best way to
approach the subject is to convert an HTML page that's laid out with tables
to a page that uses style sheets. Let's get started.
Layout with tables
Tables allow items to be laid out according to columns and rows within a Web
page. Figure A displays the conversion starting point for this article. It
is a simple page that uses a table to display a picture, text message, and
e-mail link on the screen. The image spans two rows, with the text and
e-mail link displayed next to it.
HTML tables are the darlings of many Web designers, but the original intent
of these tables was the tabular display of data (Excel-like format for
easier reading). Designers quickly realized it was hard to control the
placement of data within an HTML page, and tables provided the answer.
Cascading Style Sheets (CSS) offer an alternative. A style sheet contains
definitions of how content should be rendered on a page. The best way to
approach the subject is to convert an HTML page that's laid out with tables
to a page that uses style sheets. Let's get started.
Layout with tables
Tables allow items to be laid out according to columns and rows within a Web
page. Figure A displays the conversion starting point for this article. It
is a simple page that uses a table to display a picture, text message, and
e-mail link on the screen. The image spans two rows, with the text and
e-mail link displayed next to it.
HTML tables are the darlings of many Web designers, but the original intent
of these tables was the tabular display of data (Excel-like format for
easier reading). Designers quickly realized it was hard to control the
placement of data within an HTML page, and tables provided the answer.
Cascading Style Sheets (CSS) offer an alternative. A style sheet contains
definitions of how content should be rendered on a page. The best way to
approach the subject is to convert an HTML page that's laid out with tables
to a page that uses style sheets. Let's get started.
Layout with tables
Tables allow items to be laid out according to columns and rows within a Web
page. Figure A displays the conversion starting point for this article. It
is a simple page that uses a table to display a picture, text message, and
e-mail link on the screen. The image spans two rows, with the text and
e-mail link displayed next to it.
HTML tables are the darlings of many Web designers, but the original intent
of these tables was the tabular display of data (Excel-like format for
easier reading). Designers quickly realized it was hard to control the
placement of data within an HTML page, and tables provided the answer.
Cascading Style Sheets (CSS) offer an alternative. A style sheet contains
definitions of how content should be rendered on a page. The best way to
approach the subject is to convert an HTML page that's laid out with tables
to a page that uses style sheets. Let's get started.
Layout with tables
Tables allow items to be laid out according to columns and rows within a Web
page. Figure A displays the conversion starting point for this article. It
is a simple page that uses a table to display a picture, text message, and
e-mail link on the screen. The image spans two rows, with the text and
e-mail link displayed next to it.
HTML tables are the darlings of many Web designers, but the original intent
of these tables was the tabular display of data (Excel-like format for
easier reading). Designers quickly realized it was hard to control the
placement of data within an HTML page, and tables provided the answer.
Cascading Style Sheets (CSS) offer an alternative. A style sheet contains
definitions of how content should be rendered on a page. The best way to
approach the subject is to convert an HTML page that's laid out with tables
to a page that uses style sheets. Let's get started.
Layout with tables
Tables allow items to be laid out according to columns and rows within a Web
page. Figure A displays the conversion starting point for this article. It
is a simple page that uses a table to display a picture, text message, and
e-mail link on the screen. The image spans two rows, with the text and
e-mail link displayed next to it.
HTML tables are the darlings of many Web designers, but the original intent
of these tables was the tabular display of data (Excel-like format for
easier reading). Designers quickly realized it was hard to control the
placement of data within an HTML page, and tables provided the answer.
Cascading Style Sheets (CSS) offer an alternative. A style sheet contains
definitions of how content should be rendered on a page. The best way to
approach the subject is to convert an HTML page that's laid out with tables
to a page that uses style sheets. Let's get started.
Layout with tables
Tables allow items to be laid out according to columns and rows within a Web
page. Figure A displays the conversion starting point for this article. It
is a simple page that uses a table to display a picture, text message, and
e-mail link on the screen. The image spans two rows, with the text and
e-mail link displayed next to it.
HTML tables are the darlings of many Web designers, but the original intent
of these tables was the tabular display of data (Excel-like format for
easier reading). Designers quickly realized it was hard to control the
placement of data within an HTML page, and tables provided the answer.
Cascading Style Sheets (CSS) offer an alternative. A style sheet contains
definitions of how content should be rendered on a page. The best way to
approach the subject is to convert an HTML page that's laid out with tables
to a page that uses style sheets. Let's get started.
Layout with tables
Tables allow items to be laid out according to columns and rows within a Web
page. Figure A displays the conversion starting point for this article. It
is a simple page that uses a table to display a picture, text message, and
e-mail link on the screen. The image spans two rows, with the text and
e-mail link displayed next to it.
HTML tables are the darlings of many Web designers, but the original intent
of these tables was the tabular display of data (Excel-like format for
easier reading). Designers quickly realized it was hard to control the
placement of data within an HTML page, and tables provided the answer.
Cascading Style Sheets (CSS) offer an alternative. A style sheet contains
definitions of how content should be rendered on a page. The best way to
approach the subject is to convert an HTML page that's laid out with tables
to a page that uses style sheets. Let's get started.
Layout with tables
Tables allow items to be laid out according to columns and rows within a Web
page. Figure A displays the conversion starting point for this article. It
is a simple page that uses a table to display a picture, text message, and
e-mail link on the screen. The image spans two rows, with the text and
e-mail link displayed next to it.
HTML tables are the darlings of many Web designers, but the original intent
of these tables was the tabular display of data (Excel-like format for
easier reading). Designers quickly realized it was hard to control the
placement of data within an HTML page, and tables provided the answer.
Cascading Style Sheets (CSS) offer an alternative. A style sheet contains
definitions of how content should be rendered on a page. The best way to
approach the subject is to convert an HTML page that's laid out with tables
to a page that uses style sheets. Let's get started.
Layout with tables
Tables allow items to be laid out according to columns and rows within a Web
page. Figure A displays the conversion starting point for this article. It
is a simple page that uses a table to display a picture, text message, and
e-mail link on the screen. The image spans two rows, with the text and
e-mail link displayed next to it.
HTML tables are the darlings of many Web designers, but the original intent
of these tables was the tabular display of data (Excel-like format for
easier reading). Designers quickly realized it was hard to control the
placement of data within an HTML page, and tables provided the answer.
Cascading Style Sheets (CSS) offer an alternative. A style sheet contains
definitions of how content should be rendered on a page. The best way to
approach the subject is to convert an HTML page that's laid out with tables
to a page that uses style sheets. Let's get started.
Layout with tables
Tables allow items to be laid out according to columns and rows within a Web
page. Figure A displays the conversion starting point for this article. It
is a simple page that uses a table to display a picture, text message, and
e-mail link on the screen. The image spans two rows, with the text and
e-mail link displayed next to it.
HTML tables are the darlings of many Web designers, but the original intent
of these tables was the tabular display of data (Excel-like format for
easier reading). Designers quickly realized it was hard to control the
placement of data within an HTML page, and tables provided the answer.
Cascading Style Sheets (CSS) offer an alternative. A style sheet contains
definitions of how content should be rendered on a page. The best way to
approach the subject is to convert an HTML page that's laid out with tables
to a page that uses style sheets. Let's get started.
Layout with tables
Tables allow items to be laid out according to columns and rows within a Web
page. Figure A displays the conversion starting point for this article. It
is a simple page that uses a table to display a picture, text message, and
e-mail link on the screen. The image spans two rows, with the text and
e-mail link displayed next to it.
HTML tables are the darlings of many Web designers, but the original intent
of these tables was the tabular display of data (Excel-like format for
easier reading). Designers quickly realized it was hard to control the
placement of data within an HTML page, and tables provided the answer.
Cascading Style Sheets (CSS) offer an alternative. A style sheet contains
definitions of how content should be rendered on a page. The best way to
approach the subject is to convert an HTML page that's laid out with tables
to a page that uses style sheets. Let's get started.
Layout with tables
Tables allow items to be laid out according to columns and rows within a Web
page. Figure A displays the conversion starting point for this article. It
is a simple page that uses a table to display a picture, text message, and
e-mail link on the screen. The image spans two rows, with the text and
e-mail link displayed next to it.
</div>
</div>
</div>
</body>
</html>
FireBird. However, make the window any less than 730px and the text either
side goes off the screen and the scrollbars can't find it - anyone know a
work-around?
Also, ignore the copy I used to demonstrate it!
Cheers,
Scott
=============================
<html>
<head>
<style>
div#container {
width:730px;
position:absolute;
top:0;
left:50%;
margin-left:-365px;
}
</style>
</head>
<body>
<div id="container">
<div style="text-align:center;margin:auto;width:730px;">
<div style="text-align:left;">
HTML tables are the darlings of many Web designers, but the original intent
of these tables was the tabular display of data (Excel-like format for
easier reading). Designers quickly realized it was hard to control the
placement of data within an HTML page, and tables provided the answer.
Cascading Style Sheets (CSS) offer an alternative. A style sheet contains
definitions of how content should be rendered on a page. The best way to
approach the subject is to convert an HTML page that's laid out with tables
to a page that uses style sheets. Let's get started.
Layout with tables
Tables allow items to be laid out according to columns and rows within a Web
page. Figure A displays the conversion starting point for this article. It
is a simple page that uses a table to display a picture, text message, and
e-mail link on the screen. The image spans two rows, with the text and
e-mail link displayed next to it.
HTML tables are the darlings of many Web designers, but the original intent
of these tables was the tabular display of data (Excel-like format for
easier reading). Designers quickly realized it was hard to control the
placement of data within an HTML page, and tables provided the answer.
Cascading Style Sheets (CSS) offer an alternative. A style sheet contains
definitions of how content should be rendered on a page. The best way to
approach the subject is to convert an HTML page that's laid out with tables
to a page that uses style sheets. Let's get started.
Layout with tables
Tables allow items to be laid out according to columns and rows within a Web
page. Figure A displays the conversion starting point for this article. It
is a simple page that uses a table to display a picture, text message, and
e-mail link on the screen. The image spans two rows, with the text and
e-mail link displayed next to it.
HTML tables are the darlings of many Web designers, but the original intent
of these tables was the tabular display of data (Excel-like format for
easier reading). Designers quickly realized it was hard to control the
placement of data within an HTML page, and tables provided the answer.
Cascading Style Sheets (CSS) offer an alternative. A style sheet contains
definitions of how content should be rendered on a page. The best way to
approach the subject is to convert an HTML page that's laid out with tables
to a page that uses style sheets. Let's get started.
Layout with tables
Tables allow items to be laid out according to columns and rows within a Web
page. Figure A displays the conversion starting point for this article. It
is a simple page that uses a table to display a picture, text message, and
e-mail link on the screen. The image spans two rows, with the text and
e-mail link displayed next to it.
HTML tables are the darlings of many Web designers, but the original intent
of these tables was the tabular display of data (Excel-like format for
easier reading). Designers quickly realized it was hard to control the
placement of data within an HTML page, and tables provided the answer.
Cascading Style Sheets (CSS) offer an alternative. A style sheet contains
definitions of how content should be rendered on a page. The best way to
approach the subject is to convert an HTML page that's laid out with tables
to a page that uses style sheets. Let's get started.
Layout with tables
Tables allow items to be laid out according to columns and rows within a Web
page. Figure A displays the conversion starting point for this article. It
is a simple page that uses a table to display a picture, text message, and
e-mail link on the screen. The image spans two rows, with the text and
e-mail link displayed next to it.
HTML tables are the darlings of many Web designers, but the original intent
of these tables was the tabular display of data (Excel-like format for
easier reading). Designers quickly realized it was hard to control the
placement of data within an HTML page, and tables provided the answer.
Cascading Style Sheets (CSS) offer an alternative. A style sheet contains
definitions of how content should be rendered on a page. The best way to
approach the subject is to convert an HTML page that's laid out with tables
to a page that uses style sheets. Let's get started.
Layout with tables
Tables allow items to be laid out according to columns and rows within a Web
page. Figure A displays the conversion starting point for this article. It
is a simple page that uses a table to display a picture, text message, and
e-mail link on the screen. The image spans two rows, with the text and
e-mail link displayed next to it.
HTML tables are the darlings of many Web designers, but the original intent
of these tables was the tabular display of data (Excel-like format for
easier reading). Designers quickly realized it was hard to control the
placement of data within an HTML page, and tables provided the answer.
Cascading Style Sheets (CSS) offer an alternative. A style sheet contains
definitions of how content should be rendered on a page. The best way to
approach the subject is to convert an HTML page that's laid out with tables
to a page that uses style sheets. Let's get started.
Layout with tables
Tables allow items to be laid out according to columns and rows within a Web
page. Figure A displays the conversion starting point for this article. It
is a simple page that uses a table to display a picture, text message, and
e-mail link on the screen. The image spans two rows, with the text and
e-mail link displayed next to it.
HTML tables are the darlings of many Web designers, but the original intent
of these tables was the tabular display of data (Excel-like format for
easier reading). Designers quickly realized it was hard to control the
placement of data within an HTML page, and tables provided the answer.
Cascading Style Sheets (CSS) offer an alternative. A style sheet contains
definitions of how content should be rendered on a page. The best way to
approach the subject is to convert an HTML page that's laid out with tables
to a page that uses style sheets. Let's get started.
Layout with tables
Tables allow items to be laid out according to columns and rows within a Web
page. Figure A displays the conversion starting point for this article. It
is a simple page that uses a table to display a picture, text message, and
e-mail link on the screen. The image spans two rows, with the text and
e-mail link displayed next to it.
HTML tables are the darlings of many Web designers, but the original intent
of these tables was the tabular display of data (Excel-like format for
easier reading). Designers quickly realized it was hard to control the
placement of data within an HTML page, and tables provided the answer.
Cascading Style Sheets (CSS) offer an alternative. A style sheet contains
definitions of how content should be rendered on a page. The best way to
approach the subject is to convert an HTML page that's laid out with tables
to a page that uses style sheets. Let's get started.
Layout with tables
Tables allow items to be laid out according to columns and rows within a Web
page. Figure A displays the conversion starting point for this article. It
is a simple page that uses a table to display a picture, text message, and
e-mail link on the screen. The image spans two rows, with the text and
e-mail link displayed next to it.
HTML tables are the darlings of many Web designers, but the original intent
of these tables was the tabular display of data (Excel-like format for
easier reading). Designers quickly realized it was hard to control the
placement of data within an HTML page, and tables provided the answer.
Cascading Style Sheets (CSS) offer an alternative. A style sheet contains
definitions of how content should be rendered on a page. The best way to
approach the subject is to convert an HTML page that's laid out with tables
to a page that uses style sheets. Let's get started.
Layout with tables
Tables allow items to be laid out according to columns and rows within a Web
page. Figure A displays the conversion starting point for this article. It
is a simple page that uses a table to display a picture, text message, and
e-mail link on the screen. The image spans two rows, with the text and
e-mail link displayed next to it.
HTML tables are the darlings of many Web designers, but the original intent
of these tables was the tabular display of data (Excel-like format for
easier reading). Designers quickly realized it was hard to control the
placement of data within an HTML page, and tables provided the answer.
Cascading Style Sheets (CSS) offer an alternative. A style sheet contains
definitions of how content should be rendered on a page. The best way to
approach the subject is to convert an HTML page that's laid out with tables
to a page that uses style sheets. Let's get started.
Layout with tables
Tables allow items to be laid out according to columns and rows within a Web
page. Figure A displays the conversion starting point for this article. It
is a simple page that uses a table to display a picture, text message, and
e-mail link on the screen. The image spans two rows, with the text and
e-mail link displayed next to it.
HTML tables are the darlings of many Web designers, but the original intent
of these tables was the tabular display of data (Excel-like format for
easier reading). Designers quickly realized it was hard to control the
placement of data within an HTML page, and tables provided the answer.
Cascading Style Sheets (CSS) offer an alternative. A style sheet contains
definitions of how content should be rendered on a page. The best way to
approach the subject is to convert an HTML page that's laid out with tables
to a page that uses style sheets. Let's get started.
Layout with tables
Tables allow items to be laid out according to columns and rows within a Web
page. Figure A displays the conversion starting point for this article. It
is a simple page that uses a table to display a picture, text message, and
e-mail link on the screen. The image spans two rows, with the text and
e-mail link displayed next to it.
HTML tables are the darlings of many Web designers, but the original intent
of these tables was the tabular display of data (Excel-like format for
easier reading). Designers quickly realized it was hard to control the
placement of data within an HTML page, and tables provided the answer.
Cascading Style Sheets (CSS) offer an alternative. A style sheet contains
definitions of how content should be rendered on a page. The best way to
approach the subject is to convert an HTML page that's laid out with tables
to a page that uses style sheets. Let's get started.
Layout with tables
Tables allow items to be laid out according to columns and rows within a Web
page. Figure A displays the conversion starting point for this article. It
is a simple page that uses a table to display a picture, text message, and
e-mail link on the screen. The image spans two rows, with the text and
e-mail link displayed next to it.
</div>
</div>
</div>
</body>
</html>