初めての投稿ですが、Web開発は初めてですので、ご容赦ください。
私たちのサイトの一部には、テキストコンテンツを含む白いdivがあります。ページ上の他の要素と一致するように配置しました。私は、ブラウザのウィンドウサイズに関係なくテキストが読めるように、div(#contacttextcontainer)の応答性を高める方法を整理しようとしています。div内にテキストが含まれているoverflow:autoを試しました(必要に応じてスクロールバーを追加します)が、特定のブラウザーサイズでdivが完全に折りたたまれるという問題もあります。min-heightを試しました(display:block、min-height:100%...そして特定のpxも試しました)。しかし、どれもうまくいかないようです....私は何かが足りないのですか?? `
私はSafariでテストしています。
どんな助けでも大歓迎です!! ありがとうございました!!!!
HTML:
<div id="contacttextcontainer">
<p></p>
<p>test test test.</p>
<p>test</p>
<p>test test test test test</p>
<p>STUDIO HOURS;</p>
<p></p>
<p>9-4:30 Mon-Fri and by appointment</p>
<p></p>
<p>CONTACT;</p>
<p>555-555-5555</p>
<p>test test test</p>
</div>
CSS
#contacttextcontainer {
font-size: 16px;
text-align: center;
font-family: courier;
position: absolute;
top:335px;
left:315px;
right: 260px;
bottom: 115px;
padding: 20px;
background-color: #FFFFFF;
overflow: auto;
}