0

これは簡単に修正できるはずですが、IE7、または少なくともIE8互換モードが原因ではありません。

「IANMARTIN」と「weddingphotojournalism」というテキストは、div＃lefty、＃righty、＃leftと#rightの中にきちんと収めておく必要があります。代わりに、それらのdivの下半分をぶら下げています。

h1とh2の上部の位置を約-20pxにすることで簡単に修正できますが、IE7ではテキストがdivの上部からポップアップします...

何をすべきか？これはCufonの問題ではないようです-テストのためにオフにしました...

jqueryアニメーションが私を台無しにする可能性がありますか？繰り返しますが、私はそうは思いませんが、私は専門家ではありません...

これが私のページです：http：//ianmartinphotography.com/test-site/index-cufon-02.html

そして、h1とh2のCSS：

h1 {position: absolute; letter-spacing: 4px;  color: #79868e; font-family: helvetica;   font-size: 38px;}

h2 {position: absolute; letter-spacing: 4px;  color: #969696; font-family: helvetica; font-size: 38px;}

考えてくれてありがとう！

4

2 に答える 2

2

問題は、#left高さが50ピクセルで、その中に高さが100ピクセル（38 + 31 + 31）必要なものを入れると言っているため、コンテンツが親のボックスからオーバーフローすることです。#left親を、子を完全に含むのに十分な高さにする必要があります<h2>。

ただし、設定#leftした場合height: 100pxは、「約」、「お客様の声」、...リンクをさらに50ピクセル下に再配置し、の高さにさらに50ピクセルを追加する必要があります.field。おそらく、他のいくつかの値も調整する必要がheightありtopます。

HTMLとCSSを作り直して、すべてを完全に配置する必要がないようにすることもできます。3つを積み重ねるだけ<div>で、同じレイアウトが得られますが、壊れにくくなります。次に、いくつかのラッパー<div>とマージン設定を使用して、水平方向の中央に配置し、ページの上部からオフセットします。

于 2011-02-07T03:28:59.850 に答える
2

次のCSSをh1とh2に追加します。

margin:7px 0 0 0;

ここではそのようにうまく機能します。

于 2011-02-07T00:01:21.103 に答える