<section id="s0"><br><br>
<p class="text2"><br>******************</p>
<section id="s1" style="height:580px;">
<h4>正社員</h4>
<table class="table1"><font size="4" color="#AE0321">****</font>
<tr><th>応募連絡先</th><td>******</td></tr>
<tr><th>職種</th><td>************</td></tr>
<tr><th>仕事内容</th><td>**************</td></tr>
</table><br>
sectionタグですがHTML5から追加されたもので、IE8では対応していないため、
スタイルが無視されてしまうためではないでしょうか?
この辺りが参考になるかと思います。
http://blogs.msdn.com/b/osamum/archive/2011/06/29/html5-internet-explorer.aspx
http://schoolwebapp2012.web.fc2.com/chapter1210.html
古いブラウザでのサポートをお考えでしたら、HTML5やCSS3などの
新し目のものは極力用いない方が良いかと思います。
今回の場合ですと、sectionの代わりにdivを用いることで解決しないでしょうか?
<section id="s1" style="height:580px;">
のところを
<div id="s1" style="height:580px;">
です。
<section id="s1" style="height:580px;">
このsectionタグがどこでとじているのか分からない(表下方の画像まで含んでいるのか?)のですが、heightの値を大きくしてみてください。
いや、それではchromeなど他のブラウザに影響がでます。
他ブラウザではぴったりあっているのです。
うーん、しかし、heightを絶対値で指定してしまうと、ブラウザによって見え方に違いが出ると思います。
それと、表の下に表示されているバナー(問題の重なっている部分。画像なのかテキストなのかわからないですが)のHTML記述を提示していただかないと、より具体的な回答するが難しいです。
sectionタグですがHTML5から追加されたもので、IE8では対応していないため、
スタイルが無視されてしまうためではないでしょうか?
この辺りが参考になるかと思います。
http://blogs.msdn.com/b/osamum/archive/2011/06/29/html5-internet-explorer.aspx
http://schoolwebapp2012.web.fc2.com/chapter1210.html
古いブラウザでのサポートをお考えでしたら、HTML5やCSS3などの
新し目のものは極力用いない方が良いかと思います。
今回の場合ですと、sectionの代わりにdivを用いることで解決しないでしょうか?
<section id="s1" style="height:580px;">
のところを
<div id="s1" style="height:580px;">
です。
それでは580pxという高さがIE8では足りない(フォントなどの違いによって
必要なスペースがブラウザごとに変わる)ことが考えれれます。
高さの指定は未指定で(auto)ではだめでしょうか?
<div id="s1">
のような感じです。
これで若干よくなりました。
ありがとうございます。
tableのborderとpaddingを0にしてください。
もしくはここを見ながらIE用にCSSをハックするとか
http://www.webcreatorbox.com/tech/css-hack-list/
試してみましたが、しっくりこないです。
それでは580pxという高さがIE8では足りない(フォントなどの違いによって
必要なスペースがブラウザごとに変わる)ことが考えれれます。
高さの指定は未指定で(auto)ではだめでしょうか?
のような感じです。
2013/07/28 08:26:08これで若干よくなりました。
2013/07/28 10:52:47ありがとうございます。