|
|
jelem
: 10.05.2006
: 584
|
| : 13.03.2010, 11:24 : CSS Problem, für Profis ein Klacks |
|
|
Auf die Gefahr hin, mich hier total zu blamieren, aber irgendwie raffe ich es nicht. Mich nervt in meinem Quelltext, dass die Navi, welche ziemlich lang ist, vor dem Text kommt. Ich denke das ist auch der Grund, weshalb Google sich so schwer mit der Indizierung tut, da die ersten ca. 70 Zeilen Code auf jeder Seite gleich sind. Eben die identische Navi und gleicher header.
So sieht die html jetzt aus (alle Texte und Bilder natürlich rausgenommen):
| Code: |
<div id="header">
<div id="header-container">
<p>text</p>
<ul>
<li><a href="http://www.domain.de">Link1</a></li>
<li><a href="Http://www.domain.de">Link2</a></li>
</ul>
<br class="clear" />
</div>
</div>
<div id="container">
<div id="sidebar">
<p>Text</p>
<ul>
<li><a href="http://www.domain.de">Navi1</a></li>
<li><a href="http://www.domain.de">Navi2</a></li>
<li><a href="http://www.domain.de">Navi3</a></li>
</ul>
</div>
<div id="content">
<p>Ganz viel Text hier..</p>
<div class="articlemenu">
</div>
</div>
</div>
<div id="footer">
<div id="footercontent">
Text im footer
</div>
</div> |
Die Navi ("sidebar")hat ganze 26 Links in der Liste. Diese möchte ich nun nach den Content setzen, ohne das sich das Layout ändert.
Die dazugehörige CSS sieht so aus (Auszug):
| Code: |
#header {
background-image:url(../images/backgrounds/oben.jpg);
background-position:top;
background-repeat:repeat-x;
}
#header-container {
width:765px;
margin:0 auto;
padding:0px 0 0 0;
}
#container {
width:765px;
margin:0 auto;
}
#sidebar {
float:left;
width:220px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#777;
line-height:20px;
border-bottom:1px solid #eee;
}
#content {
margin:0 0 0 220px;
border-left:1px solid #eee;
}
#footer {
color: #999;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
clear: both;
margin: 50px 0;
padding: 15px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc
} |
Für einen CSS/Html-Profi sicher ein Klacks. Also wie muss ich die html und css verändern, damit im Quelltext die Navi ( id="sidebar") hinter dem content (id="content") steht.
Hab schon einiges versucht und bei anderen Sites das gleiche auch hinbekommen. Vielleicht liegts am float....
Signatur: --entfernt-- |
|
| Nach oben |
|
 |
e-fee
: 08.05.2007
: 3298
|
| : 13.03.2010, 12:36 : CSS Problem, für Profis ein Klacks |
|
|
Öhm, das gibbet verschiedene Herangehensweisen, sehe ich auch in Templates, die ich umstricke, schon mal unterschiedlich, da gibt's auch Ansätze mit negativem margin. Bei 3 Spalten isses noch mal komplizierter, oder je nachdem, ob es eine fixe Breite gibt, sich Elemente in der Breite anpassen ...
In Deinem Fall dürfte jedoch folgender Ansatz am einfachsten zum Ziel führen: Den Content im Quelltext vor die Navigation setzen und float:right nehmen. Dabei darauf achten, dass das Menü die volle Höhe einnimmt. |
|
| Nach oben |
|
|
jelem
: 10.05.2006
: 584
|
| : 13.03.2010, 13:27 : CSS Problem, für Profis ein Klacks |
|
|
Hi e-fee,
in der .html die "sidebar" nach "contend" einfügen is schon klar und auch schon passiert.
In der CSS hab ich jetzt bei der "sidebar":
| Code: |
#sidebar {
width:220px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#777;
line-height:20px;
border-bottom:1px solid #eee;
} |
und bei "content":
| Code: |
#content {
float:right;
margin:0 0 0 220px;
border-left:1px solid #eee;
} |
Jetzt ist die Navi zwar weiterhin links, aber fängt erst unterhalb des content-blocks an. Das sollte eigentlich aber die gleiche Höhe sein.
Muss ich nun noch irgendeine Positionsangabe für die "sidebar" angeben?
Hm, werd mal weiter "rumfummeln". Wenn jemandem noch was einfällt, nur zu 
Signatur: --entfernt-- |
|
| Nach oben |
|
|
catcat
: 02.08.2006
: 10205
: Litauen
|
| : 13.03.2010, 13:58 : CSS Problem, für Profis ein Klacks |
|
|
Öh...
hast Du schon mal einen magento-shop gesehen?
Da sind ca. 1000 Zeilen code vor dem eigentlichen Content.
Und trotzdem werden die Seiten indexiert.
Das, was Du willst, fällt bei mir in die Rubrik "Schönheitreparaturen, die ich mache, wenn mir echt langweilig ist und der letzte Popel aus der Nase gepopelt ist" 
User nicht mehr aktiv
catcat.cc |
|
| Nach oben |
|
|
jelem
: 10.05.2006
: 584
|
| : 13.03.2010, 14:13 : CSS Problem, für Profis ein Klacks |
|
|
Ick weiß Catcat,
ich konnte mir aber anders keinen Reim draus machen.
Das ist ein Lexikon und liegt in einem extra ordner.
Jede dieser Seiten wird von mindestens zwei Seiten verlinkt, einmal die generelle sitemap.html und dann noch in der Lexikon-Übersicht. Beides direkt von der Startseite aus erreichbar. Die einzelnen Beiträge haben 100 bis 300 Wörter Content und kommen seit 3 Monaten nicht in den Index 
Trotz ein paar SB-links direkt auf den Beitrag.
Da sind die Content-Klauer ja schneller!
Da das nur bei diesem Lexikon in diesem Ordner der Fall ist, und nur dort die Navi so lang ist, war das hier der Griff zum Strohhalm...
.......ick popel noch´n bischen
Signatur: --entfernt-- |
|
| Nach oben |
|
|
Network
: 28.01.2004
: 94
: Allgäu
|
|
| Nach oben |
|
|
jelem
: 10.05.2006
: 584
|
| : 14.03.2010, 09:11 : CSS Problem, für Profis ein Klacks |
|
|
Danke für den Link Network. Geh da mal alles durch.
Hab´s ja soweit schon hinbekommen. Nur "klebt" der Footer am "content" und wenn der kürzer ist als die "sidebar" liegt diese über dem "footer"
Aber Catcat meint ja es bringt eh nischt 
Signatur: --entfernt-- |
|
| Nach oben |
|
|
Alda
: 27.01.2009
: 4591
: Kaiserslautern
|
| : 14.03.2010, 09:42 : CSS Problem, für Profis ein Klacks |
|
|
| jelem hat Folgendes geschrieben: |
Aber Catcat meint ja es bringt eh nischt |
Nicht nur catcat. Dass die Seiten nicht in den Index kommen, muss einen anderen Grund haben meist sind es mehrere.
WENN das überhaupt einen Einfluss hat, dann ist er so klein, dass ich ihn bis jetzt nicht feststellen konnte. Ich muss aber zugeben, mit meinen paar Sites ist die Vergleichsbasis auch nicht sehr groß.
.
Suche LT mit Handwerk, Bau, Ausbau Sanierung, evtl. auch mit regionalen Immoseiten o. ä. Domains mit PR 0, 1, 3 und 5 vorhanden, alles saubere, aktive Projekte mit sehr wenig ausgehenden Links. Bei Interesse PM.
Satelliten, reine Affili- oder LT-Sites und anderen Murks bitte stecken lassen. |
|
| Nach oben |
|
|
jelem
: 10.05.2006
: 584
|
| : 14.03.2010, 10:03 : CSS Problem, für Profis ein Klacks |
|
|
| : |
| muss einen anderen Grund haben |
Nur welchen?
Hab schon in der robots.txt nachgeshen, ob da was "reingerutscht" ist?
Zu viele Links im Verhältnis zum Text?
Ick wees et nisch
Signatur: --entfernt-- |
|
| Nach oben |
|
|
