Optimale Layer (CSS) Positionierung für Suchmaschinen?
Verfasst: 20.05.2004, 04:02
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?
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?