CSSグループCSS作成コンテスト RSSフィード
 

ツリー全部最新の50件前後を読む

5aquatailaquatail   4  便乗して投下。

レイアウト段階ですが便乗して投下します。

http://css.g.hatena.ne.jp/aquatail/

はてなグループCSSヴューアがサイドバー一本仕様だったので、自分とこに設定してます。

でもってOperaレイアウトが崩れます。

.main{width: 100%;}

とすればOperaでも思い通りの表示になるのですが、それやると他のブラウザで崩れます。

『The Owen Hack』『star 7 hack』以外にOperaのHack法って何かあるんかな?


html

{

margin: 0;

padding: 0;

}

body

{

min-width: 650;

margin: 0;

padding: 0 50 100;

letter-spacing: 0;

line-height: 1;

font-size: 100%;

font-family: sans-serif;

_text-align: center;

_word-wrap: break-word;

_word-break: break-all;

}

a

{

text-decoration: none;

}

table

{

width: 480;

margin: 0 0 0 auto;

padding: 300 0 0;

_float: right;

_width: 1;

_margin: 300 0 0 140;

_padding: 0;

}

h1

{

position: absolute;

top: 0;

font-size: 300%;

_left: 50;

}

.hatena-body

{

border: 1px black solid;

_width: 100%;

_text-align: left;

}

.breadcrumbs

{

border-bottom: 1px black solid;

font-size: 80%;

text-align: right;

}

.breadcrumbs a

{

display: block;

}

.calendar

{

border-bottom: 1px black solid;

font-size: 80%;

text-align: right;

}

.calendar a

{

display: block;

}

.main

{

width: 100%;

float: left;

margin: 0 350 0 0;

_width: auto;

}

/*head:first-chil+bodyのついたセレクタはOpera6以下とIE6以下からは見えない。Opera8.5は読み込む。*/

head:first-child+body .main

{

width: auto;

float: left;

margin: 0 350 0 0;

}

.sidebar01

{

float: right;

margin: 0 150 0 -350;

width: 200;

text-align: right;

font-size: 90%;

_margin: 0 0 0 -350;

}

.sidebar02

{

float: right;

margin: 0 0 0 -150;

width: 150;

text-align: left;

font-size: 80%;

}

.footer

{

clear: both;

}

table tr td

{

background-color: transparent;

}

table table

{

font-size: 10%;

_margin: 0;

padding: 0;

}

table table td

{

padding: 0 5;

_padding: 0;

}

input

{

width: 60;

}

.day

{

min-width: 200;

padding: 0 10 0 30;

border-bottom: 1px black solid;

_width: 100%;

}

h2 a span.date

{

display: block;

text-align: right;

font-size: 50%;

}

h2 span.title

{

display: block;

font-size: 200%;

text-align: center;

}

p

{

margin: 15 0 0;

text-indent: 1em;

line-height: 1.2;

}

p img

{

width: 140;

}

.day.section table

{

min-width: 180;

overflow: scroll;

}

pre

{

border: 1px blue solid;

min-width: 138;

overflow: auto;

}

.hatena-module

{

margin: 0 0 100;

}

.hatena-moduletitle

{

font-size: 150%;

}

.hatena-modulebody ul

{

padding: 0;

margin: 0;

}

.hatena-modulebody ul li

{

list-style: none;

list-style-position: outside;

}

.hatena-modulebody ul li a

{

width: 100%;

line-height: 1.2em;

display: block;

overflow: hidden;

}

.sidebar01 .hatena-modulebody ul li a

{

padding: 4 20 4 10;

width: 100%;

}

.sidebar02 .hatena-modulebody ul li a

{

padding: 4 10 4 20;

}

返信2005/09/30 21:50:45
  • 5便乗して投下。 aquatailaquatail 2005/09/30 21:50:45
    レイアウト段階ですが便乗して投下します。 http://css.g.hatena.ne.jp/aquatail/ はてなグループCSSヴューアがサイドバー一本仕様だったので、自分とこに設定して ...
Error : RSSが取得できませんでした。 Error : RSSが取得できませんでした。