1

画像を含む別の div に div を適用しようとして気が狂いました。div には、次の図のように単純な HTML リンクを含める必要があります。

https://dl.dropbox.com/u/39682698/Fraud-Fighter2.png

残念ながら、ページが画像をレンダリングすると、URL は画像の中央に配置されません。これは、次のライブ サイトに見られるものです。

http://us.aktive.me/maintenance/

HTML: 

<html>
<head>
<meta charset="utf-8">
<title>ThreatMetrix Maintenance Page</title>
<link href="main.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="container">
    <div id="apDiv1"><a href="http://threatmetrix.com/support">http://threatmetrix.com/support</a></div>
    <div id="image"><img src="fraud-fighter.png" width="977" height="750" alt="ThreatMetrix Maintenance Page" /></div>
</div>

</body>
</html>

CSS:

@charset "utf-8";
/* CSS Document */

body {
    background-color: #3fa9f5;
    /*background-image:url(fraud-fighter.png);*/
    background-repeat:no-repeat;
    background-position:center;
    background-position:top;
    font-size : 1.5em;
    font-family : Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a:link     { background-color: transparent; color:#f28a1a}
a:visited  { background-color: transparent; color:#f28a1a}
a:active   { background-color: transparent; position:relative}
a:hover    { background-color: transparent; color:#cb7518}
a.noformat { text-decoration: none; color: #121212}

#container {
    width: 1000px;
    height: 800px;
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto; 
}

#apDiv1 {
    margin-top: 240px;
    text-align: center;
    position:absolute;
}

#image {
    z-index: 10;
}

私を助けることができる人に前もって百万の感謝:) -ディーン

4

6 に答える 6

0

#apDiv1 はコンテナ div と同じ幅である必要があります。

于 2013-03-19T04:11:26.950 に答える
0

次に、設計に従ってID #apDiv1 left 50%andを定義しますmargin-left

このように

#apDiv1 {
left: 50%;
margin-left: -185px;
}

/////////////////////////////////////////////// ///////////////////////////////////////

2つめの方法はこれ

あなたID #apDiv1 left:0とを定義するright:0; 

#apDiv1{
left:0;
right:0;
}
于 2013-03-19T04:11:42.900 に答える
0

以下のようにcssを設定します。

#apDiv1 {
    position: absolute;
    right: 350px;
    text-align: center;
    top: 250px;
}

入りたい場合%

#apDiv1 {
    position: absolute;
    left: 30%;
    text-align: center;
    top: 31%;
}
于 2013-03-19T04:07:20.513 に答える
0

DIV を中央に配置するには、次のようにします。

width:400px; left:50%; margin-left: -200px;
于 2013-03-19T04:08:44.943 に答える
0

apDiv1 cssを以下に設定します

#apDiv1 {
margin-top: 242px;
text-align: center;
position: absolute;
width: 100%; }
于 2013-03-19T04:13:50.777 に答える
0

これはうまくいくはずです

#apDiv1 {
        width:inherit;
        text-align: center;
        position:absolute;
        top:240px;
}
于 2013-03-19T04:15:21.177 に答える