Ich möchte 3 Layer nebeneinander zentriert mit CSS positionieren.
Welche Lösung ist im Bezug auf Suchmaschinen besser?
Lösung 1)
#Layer1 {
height: 330px;
width: 50px;
position: absolute;
left: 0px;
}
#Layer2 {
width:150px;
height:330px;
position: absolute;
left: 50px;
}
#Layer3 {
width:100px;
height:330px;
position: absolute;
left: 200px;
#Layer-Zentriert {
width:300px;
height:330px;
position:absolute;
left:50%;
margin-left:-150px;
}
Info: Vorteil hierbei ist das ich den Layer 3 mit dem Content weiter oben im Quellcode setzen kann, er aber trotzdem seine im Layout angedachte Position behält - durch absolute positionnierung mit Werten für left .
Nachteil hierbei ist aber evtl. der negative Wert "margin-left:" für den
Layer "#Layer-Zentriert" das Suchmaschinen evtl. nicht gerne sehen (weil
negative Werte zum manipulieren mißbraucht werden können)
Lösung 2)
<div id="Layer-Zentriert">
<div id="Layer1"></div>
<div id="Layer2"></div>
<div id="Layer3"></div>
</div>
body {
text-align: center;
...
}
#Layer-Zentriert {
margin-right: auto;
margin-left: auto;
....
}
Sowie die Layer 1-3 mit "float" nebeneinander ausrichten.
Info: Hierbei entsteht kein negativer Wert für die Ausrichtung, dafür muss aber der Layer 3 weiter unten im Quellcode erscheinen, um auch wie gewünscht der Layer ganz rechts zu bleiben.
Welche Lösung ist im Bezug auf Suchmaschinen besser?
Archiv
