【CSSをいじってのレイアウトを直す】lcc-hikaku.jp公開に向けて-11

デザインが大分崩れているので、CSSをいじります。

まだCSSの知識もほとんどない状態なので探り探りやります。

app/webroot/cssにcssファイルを保存していた。

そこのcssファイルを編集します。

#sidebar {

width:160px;

float:right;

font-size:95%;

color:#6C534A;

text-align:left;

}

のwidth:を185px;に変更。

.logo {

float:right;

margin-right:30px;

}

をロゴを変更した上でmargin-right:50px;に変更。

ロゴは/css/images以下にあるので、そこを変更。

以上でレイアウト崩れは解消された。