2010-12-08 14 views
1

私はプロファイルの写真のセクションと名前と場所、および画像の右側にあるその他の情報を作成することができました。しかし、情報を使ってイメージを調整するには、ブラウザの問題を引き起こす可能性があるため、正確ではないことを賢明にコーディングすることが必要です。ユーザープロフィールの画像と名前+その他の情報を整列する方法

私はstackoverflowのは、例えばのために、それをしないように、ユーザー・プロファイルPICと名前に加えて他の情報を作成するために使用することができますどのようなCSS

:このhttps://stackoverflow.com/users/441049/aaa

トップセクションでは、私が探していますものです。私はまだ学習中です。ありがとう。

これはコードです:パディングが問題になる可能性があります以外

#manpic { 
    margin-left:30px; 
    margin-top:20px; 
    background-color: #FFFFFF; 
    padding: 5px; 
    display:block; 
} 

#manname { 
    color: #D7D7D7; 
    margin-left: 150px; 
    margin-top:-60px; 
    font-family: "Lucida Grande", Verdana; 
    font-weight:bold; 
    font-size: 20px; 
} 
+0

投稿していただいた投稿には、どのようなHTMLやCSSが付いていますか? – kafuchau

+0

#manpic { margin-left:30px; margin-top:20px; 背景色:#FFFFFF; パディング:5px; display:ブロック; } #manname { color:#D7D7D7; margin-left:150px; margin-top:-60px; font-family: "Lucida Grande"、Verdana; font-weight:bold; font-size:20px; } – AAA

+0

@AAA:コメントとして投稿しないでください! – Eric

答えて

1

私はそれを試し、あなたのコードですべての問題が表示されません。

私はIE7とIE8のFirefox、SafariとChromeで http://www.my-debugbar.com/wiki/IETester/HomePage

テストでページをチェックアウトするIEtesterを使用します。 これらのブラウザに何も表示されない場合は、コードについて心配する必要はありません。

フロートを使用している場合は、クリアがあることを確認してください。 IEで私は詰め物を吸うことが分かったし、divの間のほとんどの場合間隔を調整するのに常にMARGINを使うべきです。

助けてください!

クリス

+0

ちょっとクリス、これは私が使っているコードです:#manpic {margin-left:30px; margin-top:20px;背景色:#FFFFFF;パディング:5px;表示ブロック; }#マンネーム{色:#D7D7D7; margin-left:150px; margin-top:-60px; font-family: "Lucida Grande"、Verdana; font-weight:太字; font-size:20px; – AAA

+0

ネガティブな問題を作成して上端をドラッグしても問題ありません...? – AAA

+0

それに影響を与えているdivの下または上で解決する必要がなければ、上部マージンに-60pxは必要ありません。 – Chris

関連する問題