質問編集履歴

3 HTMLを載せようとしたのですが、字数の制限に引っかかってしまうため、画像にて対応させて頂きます。

退会済みユーザー

退会済みユーザー

2017/09/21 06:45  投稿

カラム落ちとレイアウト崩れの解消法を知りたいです。
度々の質問申し訳ございません。
現在コーディングをしていて、どうしても右側に配置しているサイドバーがカラム落ち?してしまい、上に持ってくることが出来ません。。
また、カラム落ちの影響なのか、ページに配置している画像などが中央に配置するつもりが全体的に左に寄ってしまい、修正することが出来なくなってしまいました。
どなたか、解消法をご教授お願いいたします。
```body{
   margin: 0px;
   padding: 0px;
}
.line-decoration {
   width: 100%;
   height: 12px;
   margin: 0px;
   padding: 0px;
   background: url(img/head-bg.jpg) repeat-x center top;
}
.request-icon{
   float: right;
   display: block;
   width: 93px;
   height: 27px;
   margin-right: 10px;
}
.reserve-icon{
   float: right;
   display: block;
   width: 93px;
   height: 27px;
   margin-left: 10px;
}
a{
   text-decoration: none;
   display:block;
   text-indent:-9999px;
   background-image :url(img/head-menu.jpg);
   height:49px;
   width:100%;
   background-position: 0 top;
}
#globalnav {
   display: block;
   clear: both;
}   
#globalnav .idea a{
   background-image :url("img/head-menu.jpg");
   background-repeat: no-repeat;
   background-position: -150px top;
}
#globalnav .service a{
   background-image :url("img/head-menu.jpg");
   background-repeat: no-repeat;
   background-position: -300px top;
}
#globalnav .company a{
   background-image :url("img/head-menu.jpg");
   background-repeat: no-repeat;
   background-position: -450px top;
}
#globalnav .FAQ a{
   background-image :url("img/head-menu.jpg");
   background-repeat: no-repeat;
   background-position: -600px top;
}
#globalnav .access a{
   background-image :url("img/head-menu.jpg");
   background-repeat: no-repeat;
   background-position: -750px top;
}
.box {
   margin: 10px 0;
   float: left;
   width: 100%;
   background: #ffffff ;
}
.box img {
   max-width: 100%;
   float: right;
   margin: 0;
}
.box p {
   margin: 0;   padding: 0px;
}
#sidebar a {
   text-decoration: none;
   float: left;
   display:block;
   text-indent:-9999px;
   width: 255px;
   height: 60px;
   background-image :url(img/top-menu.jpg);
   background-repeat: no-repeat;
   background-position: 0, left bottom;
}
ul#sidebar {
   display: block;
   height: 300px;
}
ul#sidebar li {
   display: block;
   height: 60px;
   list-style-type:none;
}
ul#sidebar .careplan a {
   background-image: url(img/top-menu.jpg);
   background-repeat: no-repeat;
   background-position: left 0px;
   display:block;
   height:60px;
}
ul#sidebar .grouphome a {
   background-image: url(img/top-menu.jpg);
   background-repeat: no-repeat;
   background-position: left -60px;
   display:block;
   height:60px;
}
ul#sidebar .service a {
   background-image: url(img/top-menu.jpg);
   background-repeat: no-repeat;
   background-position: left -120px;
   display:block;
   height:60px;
}
ul#sidebar .homehelp a {
   background-image: url(img/top-menu.jpg) ;
   background-repeat: no-repeat;
   background-position: left -180px;
   display:block;
   height:60px;
}
ul#sidebar .daycare a {
   background-image: url(img/top-menu.jpg) ;
   background-repeat: no-repeat;
   background-position: left -240px;
   display:block;
   height:60px;
}
.left {
   float: left;
}
h1{
   color:#ffffff;
   margin:0px;
}
h2{
   height:80px;
   padding-top:24px;
   padding-left:20px;
   margin:0px;
   color:#000000;
   clear:both;
   }
#content .newsdl dt {
   clear: left;
   float: left;
   padding-left: 30px;
   color: #ffc0c7;
   display: block;
   margin-top:0px;
   margin-right: 0;
   margin-left: 0px;
   background-image: url(img/top-li.jpg);
   background-repeat: no-repeat;
   background-position: left top;
   line-height: 20px;
}
dd{
   margin-left:30px;
   margin-bottom: 15px;
   float: left;
   width: 520px;
}
dt{
   float:left;
   clear:left;
   width:125px;
   color:#ffc0c7;
}
.newsdl .arrow-icon {
       position: relative;
       top: 4px;
       margin-right: 10px;
}
ul#globalnav li{
   float:left;
   width:150px;
   list-style-type:none;
   background-color:#ff9fbf;
   }
ul{
   padding:0px;
   margin:0px;
   }
div#left{
   float:left;
   width:680px;
   background-color:#ffffff;
}
div#right{
   float:right;
   width:220px;
   padding-left:0px;
}
div#right img{
   margin:0px;
}
.pagetop{
   margin-right: auto;
   margin-left; auto;
   text-align: right;
   padding-right: 45px;
   padding-bottom: 5px;
}
div#footer {
   text-align:center;
   color:#717171;
   clear:both;
   height: 60px;
   padding: 0;
   background-image: url(img/foot-bg.jpg);
   background-repeat: repeat-x;
   background-position: bottom;
   margin: 0px;
   width: 100%;
}
div#wrapper{
   width:900px;
   margin: 0 auto;
}
/*ここから下層ページのコード*/
#plannavi {
   display: block;
   margin-left: 15px;
   overflow: hidden;
   margin-bottom: 30px;
}
#plannavi li {
   display: block;
   height: 34px;
   line-height: 32px;
   width: 320px;
   float: left;
   background-position: left top;
   margin-right: 10px;
   margin-bottom: 10px;
}
ul#plannavi li a {
   background-image: url(grouphome/img/navi.jpg);
   background-repeat: no-repeat;
   background-position: left top;
   display: block;
   height: 32px;
   padding-left: 30px;
   text-decoration: none;
   border: 1px solid #ffdee7;
   text-indent: initial;
}
h2.moji {
   text-align: center;
   background-image: url(img/con-h2.jpg);
   background-repeat: no-repeat;
   background-position: left top;
   display: block;
   padding-bottom: 25px;
   padding-top: 25px;
   margin-bottom: 18px;
   width: 670px;
}
h3{
   line-height: 21px;
   background-image: url(grouphome/img/h3.png);
   background-repeat: no-repeat;
   background-position: left top;
   padding-left: 35px;
   padding-bottom: 15px;
   margin-bottom: 15px;
   display: block;
}
.h3 .midashi {
   position: relative;
   top: 4px;
   margin-right: 10px;
}
#groupchart {
   width: 600px;
   overflow: hidden;
}
#groupchart .left,
#groupchart .right {
   float: left;
   width: 300px;
}
#groupchart .groupwrap {
   background-repeat: no-repeat;
   background-position: 25px bottom;
   padding-bottom: 25px;
   margin-bottom: 10px;
}
#groupchart .left .groupwrap {
   background-image: url(grouphome/img/arrow-pink.jpg);
}
#groupchart .right .groupwrap {
   background-image: url(grouphome/img/arrow-blue.jpg);
}
   
p.title1{
   background-color: #ffbac5;
   display: block;
   width: 230px;
   padding: 10px;
   color: #ffffff;
   font-weight: bold;
   text-align: center;
   margin-right: auto;
   margin-left: auto;
}
p.title2{
   background-color: #b0d9fe;
   display: block;
   width: 230px;
   padding: 10px;
   color: #ffffff;
   font-weight: bold;
   text-align: center;
   margin-right: auto;
   margin-left: auto;
}
table{
   border: 1px solid #000000;
   border-collapse: collapse;
   border-radius: 5px;
   margin-left: 40px;
   margin-right: auto;
}
td{
   border: 1px solid #000000;
   border-collapse: collapse;
   padding: 10px;
}
th{
   border: 1px solid #000000;
   padding: 10px;
   background-color: #e6f3ff;
}
td.bgpink{
   background-color:#ffedf0;
}
#container {
   width: 900px;
   margin-top: 0px;
   margin-right: auto;
   margin-bottom: 0;
   margin-left: auto;
   padding-top: 10px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
}
div#right {
   float: right;
   width: 210px;
   padding: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 30px;
   margin-left: 0px;
   display: block;
}
```
/Volumes/aya0496mrt/practice/grouphome.html
![イメージ説明](9b71512e98657f356535059163570f40.png)
![イメージ説明](1a9716ac58c06925d3cb56f458108cee.png)
![イメージ説明](449eacdf9772f4552c9f4b86ce32eee1.png)
![イメージ説明](bc6bcd39691a64ad90e50b6810340b1f.png)
![イメージ説明](0989e62ccb8b3af6a917ab714a54cf5c.png)
![イメージ説明](0c55afbe05f6547ec510480c6779c03b.png)
![イメージ説明](8d7df1022a8482aa1c39c9b01c39c934.png)
  • CSS3

    5321 questions

    CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

  • HTML5

    10151 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

2 初心者マークとhtml追加しました。

退会済みユーザー

退会済みユーザー

2017/09/20 23:57  投稿

カラム落ちとレイアウト崩れの解消法を知りたいです。
度々の質問申し訳ございません。
現在コーディングをしていて、どうしても右側に配置しているサイドバーがカラム落ち?してしまい、上に持ってくることが出来ません。。
また、カラム落ちの影響なのか、ページに配置している画像などが中央に配置するつもりが全体的に左に寄ってしまい、修正することが出来なくなってしまいました。
どなたか、解消法をご教授お願いいたします。
```body{
   margin: 0px;
   padding: 0px;
}
.line-decoration {
   width: 100%;
   height: 12px;
   margin: 0px;
   padding: 0px;
   background: url(img/head-bg.jpg) repeat-x center top;
}
.request-icon{
   float: right;
   display: block;
   width: 93px;
   height: 27px;
   margin-right: 10px;
}
.reserve-icon{
   float: right;
   display: block;
   width: 93px;
   height: 27px;
   margin-left: 10px;
}
a{
   text-decoration: none;
   display:block;
   text-indent:-9999px;
   background-image :url(img/head-menu.jpg);
   height:49px;
   width:100%;
   background-position: 0 top;
}
#globalnav {
   display: block;
   clear: both;
}   
#globalnav .idea a{
   background-image :url("img/head-menu.jpg");
   background-repeat: no-repeat;
   background-position: -150px top;
}
#globalnav .service a{
   background-image :url("img/head-menu.jpg");
   background-repeat: no-repeat;
   background-position: -300px top;
}
#globalnav .company a{
   background-image :url("img/head-menu.jpg");
   background-repeat: no-repeat;
   background-position: -450px top;
}
#globalnav .FAQ a{
   background-image :url("img/head-menu.jpg");
   background-repeat: no-repeat;
   background-position: -600px top;
}
#globalnav .access a{
   background-image :url("img/head-menu.jpg");
   background-repeat: no-repeat;
   background-position: -750px top;
}
.box {
   margin: 10px 0;
   float: left;
   width: 100%;
   background: #ffffff ;
}
.box img {
   max-width: 100%;
   float: right;
   margin: 0;
}
.box p {
   margin: 0;   padding: 0px;
}
#sidebar a {
   text-decoration: none;
   float: left;
   display:block;
   text-indent:-9999px;
   width: 255px;
   height: 60px;
   background-image :url(img/top-menu.jpg);
   background-repeat: no-repeat;
   background-position: 0, left bottom;
}
ul#sidebar {
   display: block;
   height: 300px;
}
ul#sidebar li {
   display: block;
   height: 60px;
   list-style-type:none;
}
ul#sidebar .careplan a {
   background-image: url(img/top-menu.jpg);
   background-repeat: no-repeat;
   background-position: left 0px;
   display:block;
   height:60px;
}
ul#sidebar .grouphome a {
   background-image: url(img/top-menu.jpg);
   background-repeat: no-repeat;
   background-position: left -60px;
   display:block;
   height:60px;
}
ul#sidebar .service a {
   background-image: url(img/top-menu.jpg);
   background-repeat: no-repeat;
   background-position: left -120px;
   display:block;
   height:60px;
}
ul#sidebar .homehelp a {
   background-image: url(img/top-menu.jpg) ;
   background-repeat: no-repeat;
   background-position: left -180px;
   display:block;
   height:60px;
}
ul#sidebar .daycare a {
   background-image: url(img/top-menu.jpg) ;
   background-repeat: no-repeat;
   background-position: left -240px;
   display:block;
   height:60px;
}
.left {
   float: left;
}
h1{
   color:#ffffff;
   margin:0px;
}
h2{
   height:80px;
   padding-top:24px;
   padding-left:20px;
   margin:0px;
   color:#000000;
   clear:both;
   }
#content .newsdl dt {
   clear: left;
   float: left;
   padding-left: 30px;
   color: #ffc0c7;
   display: block;
   margin-top:0px;
   margin-right: 0;
   margin-left: 0px;
   background-image: url(img/top-li.jpg);
   background-repeat: no-repeat;
   background-position: left top;
   line-height: 20px;
}
dd{
   margin-left:30px;
   margin-bottom: 15px;
   float: left;
   width: 520px;
}
dt{
   float:left;
   clear:left;
   width:125px;
   color:#ffc0c7;
}
.newsdl .arrow-icon {
       position: relative;
       top: 4px;
       margin-right: 10px;
}
ul#globalnav li{
   float:left;
   width:150px;
   list-style-type:none;
   background-color:#ff9fbf;
   }
ul{
   padding:0px;
   margin:0px;
   }
div#left{
   float:left;
   width:680px;
   background-color:#ffffff;
}
div#right{
   float:right;
   width:220px;
   padding-left:0px;
}
div#right img{
   margin:0px;
}
.pagetop{
   margin-right: auto;
   margin-left; auto;
   text-align: right;
   padding-right: 45px;
   padding-bottom: 5px;
}
div#footer {
   text-align:center;
   color:#717171;
   clear:both;
   height: 60px;
   padding: 0;
   background-image: url(img/foot-bg.jpg);
   background-repeat: repeat-x;
   background-position: bottom;
   margin: 0px;
   width: 100%;
}
div#wrapper{
   width:900px;
   margin: 0 auto;
}
/*ここから下層ページのコード*/
#plannavi {
   display: block;
   margin-left: 15px;
   overflow: hidden;
   margin-bottom: 30px;
}
#plannavi li {
   display: block;
   height: 34px;
   line-height: 32px;
   width: 320px;
   float: left;
   background-position: left top;
   margin-right: 10px;
   margin-bottom: 10px;
}
ul#plannavi li a {
   background-image: url(grouphome/img/navi.jpg);
   background-repeat: no-repeat;
   background-position: left top;
   display: block;
   height: 32px;
   padding-left: 30px;
   text-decoration: none;
   border: 1px solid #ffdee7;
   text-indent: initial;
}
h2.moji {
   text-align: center;
   background-image: url(img/con-h2.jpg);
   background-repeat: no-repeat;
   background-position: left top;
   display: block;
   padding-bottom: 25px;
   padding-top: 25px;
   margin-bottom: 18px;
   width: 670px;
}
h3{
   line-height: 21px;
   background-image: url(grouphome/img/h3.png);
   background-repeat: no-repeat;
   background-position: left top;
   padding-left: 35px;
   padding-bottom: 15px;
   margin-bottom: 15px;
   display: block;
}
.h3 .midashi {
   position: relative;
   top: 4px;
   margin-right: 10px;
}
#groupchart {
   width: 600px;
   overflow: hidden;
}
#groupchart .left,
#groupchart .right {
   float: left;
   width: 300px;
}
#groupchart .groupwrap {
   background-repeat: no-repeat;
   background-position: 25px bottom;
   padding-bottom: 25px;
   margin-bottom: 10px;
}
#groupchart .left .groupwrap {
   background-image: url(grouphome/img/arrow-pink.jpg);
}
#groupchart .right .groupwrap {
   background-image: url(grouphome/img/arrow-blue.jpg);
}
   
p.title1{
   background-color: #ffbac5;
   display: block;
   width: 230px;
   padding: 10px;
   color: #ffffff;
   font-weight: bold;
   text-align: center;
   margin-right: auto;
   margin-left: auto;
}
p.title2{
   background-color: #b0d9fe;
   display: block;
   width: 230px;
   padding: 10px;
   color: #ffffff;
   font-weight: bold;
   text-align: center;
   margin-right: auto;
   margin-left: auto;
}
table{
   border: 1px solid #000000;
   border-collapse: collapse;
   border-radius: 5px;
   margin-left: 40px;
   margin-right: auto;
}
td{
   border: 1px solid #000000;
   border-collapse: collapse;
   padding: 10px;
}
th{
   border: 1px solid #000000;
   padding: 10px;
   background-color: #e6f3ff;
}
td.bgpink{
   background-color:#ffedf0;
}
#container {
   width: 900px;
   margin-top: 0px;
   margin-right: auto;
   margin-bottom: 0;
   margin-left: auto;
   padding-top: 10px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
}
div#right {
   float: right;
   width: 210px;
   padding: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 30px;
   margin-left: 0px;
   display: block;
}
```
```
/Volumes/aya0496mrt/practice/grouphome.html
  • CSS3

    5321 questions

    CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

  • HTML5

    10151 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

1 htmlをのせました。

退会済みユーザー

退会済みユーザー

2017/09/20 23:54  投稿

カラム落ちとレイアウト崩れの解消法を知りたいです。
度々の質問申し訳ございません。
現在コーディングをしていて、どうしても右側に配置しているサイドバーがカラム落ち?してしまい、上に持ってくることが出来ません。。
また、カラム落ちの影響なのか、ページに配置している画像などが中央に配置するつもりが全体的に左に寄ってしまい、修正することが出来なくなってしまいました。
どなたか、解消法をご教授お願いいたします。
```body{
margin: 0px;
padding: 0px;
}
.line-decoration {
width: 100%;
height: 12px;
margin: 0px;
padding: 0px;
background: url(img/head-bg.jpg) repeat-x center top;
}
.request-icon{
float: right;
display: block;
width: 93px;
height: 27px;
margin-right: 10px;
}
.reserve-icon{
float: right;
display: block;
width: 93px;
height: 27px;
margin-left: 10px;
}
a{
text-decoration: none;
display:block;
text-indent:-9999px;
background-image :url(img/head-menu.jpg);
height:49px;
width:100%;
background-position: 0 top;
}
#globalnav {
display: block;
clear: both;
}
#globalnav .idea a{
background-image :url("img/head-menu.jpg");
background-repeat: no-repeat;
background-position: -150px top;
}
#globalnav .service a{
background-image :url("img/head-menu.jpg");
background-repeat: no-repeat;
background-position: -300px top;
}
#globalnav .company a{
background-image :url("img/head-menu.jpg");
background-repeat: no-repeat;
background-position: -450px top;
}
#globalnav .FAQ a{
background-image :url("img/head-menu.jpg");
background-repeat: no-repeat;
background-position: -600px top;
}
#globalnav .access a{
background-image :url("img/head-menu.jpg");
background-repeat: no-repeat;
background-position: -750px top;
}
.box {
margin: 10px 0;
float: left;
width: 100%;
background: #ffffff ;
}
.box img {
max-width: 100%;
float: right;
margin: 0;
}
.box p {
margin: 0; padding: 0px;
}
#sidebar a {
text-decoration: none;
float: left;
display:block;
text-indent:-9999px;
width: 255px;
height: 60px;
background-image :url(img/top-menu.jpg);
background-repeat: no-repeat;
background-position: 0, left bottom;
}
ul#sidebar {
display: block;
height: 300px;
}
ul#sidebar li {
display: block;
height: 60px;
list-style-type:none;
}
ul#sidebar .careplan a {
background-image: url(img/top-menu.jpg);
background-repeat: no-repeat;
background-position: left 0px;
display:block;
height:60px;
}
ul#sidebar .grouphome a {
background-image: url(img/top-menu.jpg);
background-repeat: no-repeat;
background-position: left -60px;
display:block;
height:60px;
}
ul#sidebar .service a {
background-image: url(img/top-menu.jpg);
background-repeat: no-repeat;
background-position: left -120px;
display:block;
height:60px;
}
ul#sidebar .homehelp a {
background-image: url(img/top-menu.jpg) ;
background-repeat: no-repeat;
background-position: left -180px;
display:block;
height:60px;
}
ul#sidebar .daycare a {
background-image: url(img/top-menu.jpg) ;
background-repeat: no-repeat;
background-position: left -240px;
display:block;
height:60px;
}
.left {
float: left;
}
h1{
color:#ffffff;
margin:0px;
}
h2{
height:80px;
padding-top:24px;
padding-left:20px;
margin:0px;
color:#000000;
clear:both;
}
#content .newsdl dt {
clear: left;
float: left;
padding-left: 30px;
color: #ffc0c7;
display: block;
margin-top:0px;
margin-right: 0;
margin-left: 0px;
background-image: url(img/top-li.jpg);
background-repeat: no-repeat;
background-position: left top;
line-height: 20px;
}
dd{
margin-left:30px;
margin-bottom: 15px;
float: left;
width: 520px;
}
dt{
float:left;
clear:left;
width:125px;
color:#ffc0c7;
}
.newsdl .arrow-icon {
position: relative;
top: 4px;
margin-right: 10px;
}
ul#globalnav li{
float:left;
width:150px;
list-style-type:none;
background-color:#ff9fbf;
}
ul{
padding:0px;
margin:0px;
}
div#left{
float:left;
width:680px;
background-color:#ffffff;
}
div#right{
float:right;
width:220px;
padding-left:0px;
}
div#right img{
margin:0px;
}
.pagetop{
margin-right: auto;
margin-left; auto;
text-align: right;
padding-right: 45px;
padding-bottom: 5px;
}
div#footer {
text-align:center;
color:#717171;
clear:both;
height: 60px;
padding: 0;
background-image: url(img/foot-bg.jpg);
background-repeat: repeat-x;
background-position: bottom;
margin: 0px;
width: 100%;
}
div#wrapper{
width:900px;
margin: 0 auto;
}
/*ここから下層ページのコード*/
#plannavi {
display: block;
margin-left: 15px;
overflow: hidden;
margin-bottom: 30px;
}
#plannavi li {
display: block;
height: 34px;
line-height: 32px;
width: 320px;
float: left;
background-position: left top;
margin-right: 10px;
margin-bottom: 10px;
}
ul#plannavi li a {
background-image: url(grouphome/img/navi.jpg);
background-repeat: no-repeat;
background-position: left top;
display: block;
height: 32px;
padding-left: 30px;
text-decoration: none;
border: 1px solid #ffdee7;
text-indent: initial;
}
h2.moji {
text-align: center;
background-image: url(img/con-h2.jpg);
background-repeat: no-repeat;
background-position: left top;
display: block;
padding-bottom: 25px;
padding-top: 25px;
margin-bottom: 18px;
width: 670px;
}
h3{
line-height: 21px;
background-image: url(grouphome/img/h3.png);
background-repeat: no-repeat;
background-position: left top;
padding-left: 35px;
padding-bottom: 15px;
margin-bottom: 15px;
display: block;
}
.h3 .midashi {
position: relative;
top: 4px;
margin-right: 10px;
}
#groupchart {
width: 600px;
overflow: hidden;
}
#groupchart .left,
#groupchart .right {
float: left;
width: 300px;
}
#groupchart .groupwrap {
background-repeat: no-repeat;
background-position: 25px bottom;
padding-bottom: 25px;
margin-bottom: 10px;
}
#groupchart .left .groupwrap {
background-image: url(grouphome/img/arrow-pink.jpg);
}
#groupchart .right .groupwrap {
background-image: url(grouphome/img/arrow-blue.jpg);
}
p.title1{
background-color: #ffbac5;
display: block;
width: 230px;
padding: 10px;
color: #ffffff;
font-weight: bold;
text-align: center;
margin-right: auto;
margin-left: auto;
}
p.title2{
background-color: #b0d9fe;
display: block;
width: 230px;
padding: 10px;
color: #ffffff;
font-weight: bold;
text-align: center;
margin-right: auto;
margin-left: auto;
}
table{
border: 1px solid #000000;
border-collapse: collapse;
border-radius: 5px;
margin-left: 40px;
margin-right: auto;
}
td{
border: 1px solid #000000;
border-collapse: collapse;
padding: 10px;
}
th{
border: 1px solid #000000;
padding: 10px;
background-color: #e6f3ff;
}
td.bgpink{
background-color:#ffedf0;
}
#container {
width: 900px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
div#right {
float: right;
width: 210px;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 30px;
margin-left: 0px;
display: block;
}
```
  • CSS3

    5321 questions

    CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

  • HTML5

    10151 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る