Liebe Leute,
auf der der Seite http://www.first-residence.at/team.html bekomme ich den Div 4 nicht so hin wie den Div 5.
Könnt ihr mir bitte behilflich sein?
Ps: Ist der DIV 5 überhaupt richtig?
Anbei die Codes:
#apDiv4 {
position:absolute;
z-index:1;
left: 724px;
top: 404px;
font-size: 5px;
width: 180px;
}
#apDiv5 {
z-index:1;
left: 382px;
font-size: 5px;
width: 180px;
margin-top: 120px;
margin-right: auto;
margin-bottom: auto;
margin-left: 100px;
Ich habe dir doch schon mal gesagt, dass position:absolute; Käse ist
ich weiß, aber komme nicht weiter, wenn ich das absolute entferne, dann ist das Bild plötzlich irgendwo im Browser...
bei dem einen div hat mein Expermiment geklappt, aber beim anderen schaff ich das nicht.
Bitte um eine Erklärung oder Lösung....
Scheinst es ja hinbekommen zu haben, oder nicht? Wenn nicht, beschreib genauer was Du erreichen willst. Von der absoluten Positionierung würde ich dir allgemein auch abraten. Schau dir dazu mal diese Seite an:
http://www.mediaevent.de/tutorial/CSS-P…eren-float.html
das linke Bild passt!
Ich möchte nun das DIV 4 sprich das rechte Bild in der selben Höhe und einen Abstand von ca 200 px rechts vom linken Bild positioniert wird und NICHT absolut positioniert wird, sondern WIE das linke Bild mit dem Layer "mitfließt".
Wenn ich aber nun das aboslute Atrribut entferne und versuche das Bild mittels margin zu positionieren, SPRINGT mir das Bild ausserhalb des LAYERS und lässt sich NICHT wie oben beschrieben ausrichten.
Hier nochmal der bereits funktionierende Code:
#apDiv5 {
z-index:1;
left: 382px;
font-size: 5px;
width: 180px;
margin-top: 120px;
margin-right: auto;
margin-bottom: auto;
margin-left: 100px;
BEI DIV 4 GEHT DAS ABER NICHT!?
:
:
:
#apDiv4 {
width: 180px;
float:left;
margin: 50px;
}
#apDiv5 {
width: 180px;
float:left;
margin: 50px;
}
#wrapper {
width:560px;
margin: 0 auto;
}
:
:
:
<div id="wrapper">
<div id="apDiv5">
<img src="hubac.jpg" alt="Robert_Hubac" width="161" height="261" border="2" />
<br />
<span style="padding-left: 15px; font-size: 16px; font-family: 'Lucida Handwriting'; color: #A07B2E; font-weight: bold;">Robert Hubac</span>
</div>
<div id="apDiv4">
<img src="foto_folgt_demnaechst.jpg" alt="Robert_Hubac" width="167" height="261" border="2" />
<br />
<span style="padding-left: 10px; font-size: 16px; font-family: 'Lucida Handwriting'; color: #A07B2E; font-weight: bold;">Jennifer Hubac</span>
</div>
<br style="clear:both" />
</div>
:
:danke,
habe aber den wrapper weglassen müssen, da sich der layer somit komplett verschoben hätte.
Habe aber die Divs übernommen, und diese funktionieren auch nun so wie ich das will.
Verstehe zwar das Argument float nicht, aber was solls....
habe aber den wrapper weglassen müssen, da sich der layer somit komplett verschoben hätte.
Quatsch!
du hattest oben bei dem code für div 5 nicht wieder geschlossen !?
#apDiv4 {
position:absolute;
z-index:1;
left: 724px;
top: 404px;
font-size: 5px;
width: 180px;
}
#apDiv5 {
z-index:1;
left: 382px;
font-size: 5px;
width: 180px;
margin-top: 120px;
margin-right: auto;
margin-bottom: auto;
margin-left: 100px;also sollte so sein
#apDiv4 {
position:absolute;
z-index:1;
left: 724px;
top: 404px;
font-size: 5px;
width: 180px;
}
#apDiv5 {
z-index:1;
left: 382px;
font-size: 5px;
width: 180px;
margin-top: 120px;
margin-right: auto;
margin-bottom: auto;
margin-left: 100px;
}solche Kleinigkeiten können sehr viel kaputt machen !!