《初心者です》HTMLの改行無効化について教えてください。

質問

現在HPを作成中なのですが初心者的質問で
申し訳ないです。お暇な方いらっしゃいましたら
教えてください。

同じ行の中に『右詰め』と『左詰め』を同居（？）
させたいのですが、『<DIV ALIGN="LEFT">文字列</DIV>　<DIV ALIGN="RIGHT">文字列</DIV>』
このような記述にすると改行されてしまいます。
何か良い手法はないでしょうか？
宜しくお願いします。

回答No.1

Dpop · ベストアンサー

Dpopです。
Web屋をやっています。OkWebの様なサイトを設計, 構築する仕事をしています。

> させたいのですが、『<DIV ALIGN="LEFT">文字列</DIV>　<DIV ALIGN="RIGHT">文字列</DIV>』

こう言う事はできないのですよ。
この様な場合には、テーブルを使ってみましょう。
border="0" とすると、テーブルの罫線が表示されなくなります。

<table border="0" width="100%">
<tr>
<td width="40%" align="left">
ここに、左寄せにしたい文章を入れる。
</td>
<!--
ここに、空き空間を入れます。
-->
<td width="20%">
&nbsp;
</td>
<td width="40%" align="right">
ここに、右寄せにしたい文章を入れる。
</td>
</table>

の様にします。
この例では、ページの横幅全てを使って、左40%と右40%に対応する範囲に文字列を入れています。
その真ん中20%に相当する部分を空けてあります。

もし、真ん中を開ける必要な無いのであれば、

<table border="0" width="100%">
<tr>
<td width="50%" align="left">
ここに、左寄せにしたい文章を入れる。
</td>
<td width="50%" align="right">
ここに、右寄せにしたい文章を入れる。
</td>
</table>

の様に、左右とも 50% の範囲に文字列を入れる様にすると良いでしょう。

横幅 100% の見えないテーブルを作り、その中に文字列を配置する。
と言う考え方を用いれば解決します。

不明点があれば、再度質問してください。

お礼

早速のご回答ありがとうございます！
やっぱりできないのですね。
テーブルと言う手法がありますね！
チャレンジしてみます。
ご指導ありがとうございました。
また悩み事が発生したときはご相談させて下さい。