こちらのサイトの要素の幅などを調べて要素ごとに高さや幅を測ってコードを打ち込み反映させたのですが全然大きさが異なってしまいおかしい状態です。
headerに関しては横幅が全てなので100%指定にして高さだけを測りそれをCSSで打ち込み反映させたのですがやたら高さが足りませんでした。
これはPhotoshopでこのサイトの画像(デザインのみの)を開いたときに何か先に指定をする必要があるのでしょうか?
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>THAI-NAMA</title> <meta name="description" content=""> <meta name="keywords" content=""> <link rel="stylesheet" type="text/css" href="style.css" media="screen"> </head> <body> <!--headerここから--> <header></header> <!--headerここまで--> <!--wrapperここから--> <div id="wrapper"> <!--mainimageここから--> <div id="mainimage"></div> <!--mainimageここまで--> <!--centerここから--> <div id="center"></div> <!--centerここまで--> <!--imageここから--> <div id="image"></div> <!--imageここまで--> <!--newsここから--> <div id="news"></div> <!--newsここまで--> </div> <!--wrapperここまで--> <!--footerここから--> <footer></footer> <!--footerここまで--> </body> </html>
header {
width: 100%;
height: 55px;
background-color: pink;
}
![イメージ説明](0425f8b66eb7c476e07acbd3faa4d0dd.png) ![イメージ説明](b0153f977b42799722d52803d6023e3e.png)
あなたの回答
tips
プレビュー