前提・実現したいこと
ランディングぺージを作っているのですが、内容がブラウザ画面にフィットせず、
右にスクロールしてしまうと空白部分が出来てしまい、その空白を削除したいのです。
宜しくお願い致します。
該当のソースコード
html
1<div class="ichiban-3"> 2<img class="ac" src="1476268_s_wi/genso.jpg"> 3</div> 4 5<div class="box12-3 distanceHundred12"> 6<img class="sha4" src="1476268_s_wi/genso1.png"> 7</div> 8 9 10 11 12<div class="box12-4 distanceHundred13"> 13<img class="sha5" src="1476268_s_wi/genso2.png"> 14</div>
css
1.ichiban-3 {text-align:center; margin :300px 0px;} 2 3.ac {width :800px;} 4 5.box12-3 { 6width :100%; text-align:center; 7position: absolute; 8top: 4830px; /*ブラウザのウィンドウ基準*/ 9 left: 98px; /*ブラウザのウィンドウ基準*/ 10 background: #00000000; 11 font-weight: bold; 12 padding: 0em; 13 margin: 0 auto; 14} 15 16.sha4 {width :310px;} 17 18.box12-4 { 19width :100%; text-align:center; 20position: absolute; 21top: 4863px; /*ブラウザのウィンドウ基準*/ 22 left: -123px; /*ブラウザのウィンドウ基準*/ 23 background: #00000000; 24 font-weight: bold; 25 padding: 0em; 26 margin: 0 auto; 27} 28 29.sha5 {width :262px;}
javascript
1<script src="test/js/scrollreveal.js"></script> 2<script> 3window.sr = ScrollReveal({ reset: true }); 4// Distance 5sr.reveal('.distanceHundred12', { distance: "500px", origin: "right", delay: "600" }); 6// Distance 7sr.reveal('.distanceHundred13', { distance: "500px", origin: "left", delay: "1000"}); 8</script>
試したこと
検証で調べてpadding等を変化させましたが、解決しませんでした。
補足情報(参考URL)
回答2件
あなたの回答
tips
プレビュー