ナビゲーションへスキップ コンテンツへスキップ

WebTecNote

気ままに綴る独学メモ帳

  • About
  • Contact
  • Downloads
メインナビゲーション

カテゴリー: 4BOX

4つセクションがあるレイアウトいろいろ

2Column 4box Fixed L-hlv

positionとfloatの合わせ技。IEでのバグ対策が最大のポイントか・・。

2008/03/07By Tenderfeel 4BOX 2column、2Helvs、Fixed、JavaScriptコメントする

2Column 4box Floating LeftMenu

position:absoluteでメニューを浮かせてあります。実用性は低いかも。

2008/03/07By Tenderfeel 4BOX 2column、Fixed、Floating、LeftMenuコメントする

2Column 4box Fixed RightMenu

position:absoluteを使ったレイアウト。#contentの高さが出ないレイアウトには不向き。

2008/03/07By Tenderfeel 4BOX 2column、Fixed、RightMenuコメントする

2Column 4box Fixed LeftMenu

Float使用、横幅固定で中央寄せ。コンテンツの量が少ないサイト向き。

2008/03/06By Tenderfeel 4BOX 2column、Fixed、LeftMenuコメントする

2Column 4box Elastic RightMenu

position:absoluteを使ったレイアウト。#contentの高さが出ないレイアウトには不向き

2008/03/05By Tenderfeel 4BOX 2column、Elastic、RightMenuコメントする

2Column 4box Elastic LeftMenu

Floatを使ったレイアウト。#menuよりも#contentsの高さが低くなっても崩れない。

2008/03/04By Tenderfeel 4BOX 2column、Elastic、LeftMenuコメントする

1Column 4box FloatingMenu

1カラム4BOXのレイアウトテンプレート。右側に絶対配置のメニュー。

2008/02/29By Tenderfeel 4BOX 1Column、Elastic、RightMenuコメントする

1Column 4box Fixed

1カラム4BOXのレイアウトテンプレート。xml宣言ありの中央配置サンプルにも。

2008/02/28By Tenderfeel 4BOX 1Column、Fixed、XHTMLコメントする
フォローする
  • Twitter
カテゴリー
  • CSS (63)
    • Compass (3)
    • Sass (1)
  • Custom (8)
  • Dojo (1)
  • GoogleMap (23)
  • HTML&XHTML (14)
    • HTML5 (3)
  • Information (19)
  • Javascript (90)
    • Firebase (8)
    • Vue&Nuxt (15)
  • jQuery (10)
  • Material (9)
  • Memo (84)
  • MooTools (62)
    • Tutorial (6)
  • Perl (1)
  • PHP (37)
    • CakePHP (2)
    • OOPでBBS (7)
    • Zend Framework (4)
  • Template (29)
    • 4BOX (8)
    • 5BOX (5)
    • 6BOX (4)
    • Form (5)
    • Menu (1)
    • Web Site (6)
  • wordpress (69)
    • plugin (9)
    • Reference (7)
    • Themes Making (3)
最近の投稿
  • [Vue] vue-test-utils の Deprecation warning への対応
  • Vercel+Nuxt.jsで爆速Webアプリ作成
  • [JS] Firebaseの覚書 ⑧ 匿名認証の利用
  • Nuxt.jsでTestCafeを使用してみたメモ
  • [Nuxt.js] core-jsエラーへの対処
最近のコメント
  • [Chart.js] レーダーチャートの値が表示されないバグをTooltipカスタムでなんとかする に chart.js2.9.4でlabelsをテンプレート指定すると表示されない | ダーシャのブログ より
  • [HTML] Aタグにおけるrel属性の意味と効果について に aタグでリンクを繋げる際に気をつけたい事 | デザインスタジオドアーズ名古屋 より
  • レスポンシブWebデザインを実装するためのTips に 1行で、画像をレスポンシブにする – たつブロ より
  • [WordPress] カスタムヘッダーをカルーセル表示に変更する に Tenderfeel より
  • [WordPress] カスタムヘッダーをカルーセル表示に変更する に nirdosh_yaqin より
Tags
1Column 2column Ajax Android Aptana Class CodeSandbox CSS CSS3 Demo Download Dreamweaver Elastic Firebase FirebaseAuthentication Fixed Form free script Fx.Tween Google GoogleMap HTML5 HTML5API IE infowindow iphone JavaScript jQuery MooTools Nuxt OOP PHP Regular Expression rollover Sass Template Vue Web Browser wordpress wp-custom wp-function wp-plugin wp-themes XHTML zeromail
  • RSS - 投稿
  • RSS - コメント
© WebTecNote 2021 • ThemeCountry Powered by WordPress