2012-12-21から1日間の記事一覧

floatを使ったレイアウト14

絶対配置するボックスの親ボックスを作る ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>絶対配置するボックスの親ボックスを作る</title> <link rel="stylesheet" href="css/style14.css" media="screen,print"> </head> <body> <div id="container"> <div id="header"> &lt;header&gt;<br>1段目<br> </div></div></body></html>

floatを使ったレイアウト15

☆★データーでの確認★☆ レイアウト全体をセンタリングする ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>レイアウト全体をセンタリングする</title> <link rel="stylesheet" href="css/style15.css" media="screen,print"> </head> <body> <div id="container"> <div id="header"> &lt;header&gt;<br>1段目<br> </div></div></body></html>

floatを使ったレイアウト16

片側だけのフッターを配置する ソースコード【 HTML 】 <html lang="ja"> <head> <title>片側だけのフッターを配置する</title> <link rel="stylesheet" href="css/style16.css" media="screen,print"> </head> <body> <div id="container"> <div id="header"> &lt;header&gt;<br>1段目<br> </div> <div id="wrapper"> </div></div></body></html>

floatを使ったレイアウト17

両側をまたぐフッターを配置する ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>両脇をまたぐフッターを配置する</title> <link rel="stylesheet" href="css/style17.css" media="screen,print"> </head> <body> <div id="container"> <div id="header"> &lt;header&gt;<br>1段目<br> </div> </div></body></html>

floatを使ったレイアウト18

☆★データーでの確認★☆本文の段組を可変にする ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>本文の段階を可変にする</title> <link rel="stylesheet" href="css/style18.css" media="screen,print"> </head> <body> <div id="container"> <div id="header"> &lt;header&gt;<br>1段目<br> </div>…</div></body></html>