Erste Zeile immer verdeckt beim Navigieren auf eine Twitter Bootstrap - Seite

Hallo,

naja du springst ja via #was z.B. du dm Artikel "Was". Dein Browser denkt sich jetzt das er mit der Bildschirmberkante so genau dieser Id springen muss, dh. die Oberkannte des Containers ist auch an der oberen Browserkante.
Allerdings liegt da auch schon das Menü drüber, Verständlich?

Du könntest deine Seite so aufbauen:

<div id="was">
   hier dein Artikel zu "Was"
</div>

#was{
 padding-top: /*bisschen mehr als die Höhe deines Menü's*/;
}

__________________________________________________________
oder etwas umständlicher:

<div id="was"></div>
<div id="artikel_zu_was">
   Hier der ganze Inhalt vom Artikel...
</div>

#was{
   height: /* bisschen mehr als die Höhe deines Menü's */;
   width: 100%;
}

Ich hoffe du hast verstanden was das Problem ist.
Grüße Wolf

Zitat von DerUser

und auch hier kann ich nur sagen, VALIDIEREN, VALIDIEREN, und VALIDIEREN

Ehrlich gesagt was bringt bei diesem Problem VALIDIEREN ?!?!?!??!?!?!?!?!?!?!??!?! FTW.
Die Seite an sich, natürlich aber bitte überlege dir mal ein bisschen genauer unter was du alles validieren drunter schreibst!

-was ich noch vergessen habe ..

<div id="was">
<h2>hier muss natürlich die Überschrift mit rein.. ;) </h2>
   hier dein Artikel zu "Was"
</div>

Naja klar sollte man die raus tun, ABER wenn du genauer hinsehen würdest würdest du sehen, dass die meisten Fehler damit zusammenhängen das JS mitbenutzt wird bzw. klassen usw. dafür definiert sind und dass manche Fehler keine Auswirkung haben.

Vor allem aber geht es hier um ein Codetechnisches Problem, was nicht mit irgendwelchen css Fehlern zusammenhängt.
Daher ist es die Falsche Art einfach nur validieren drunter zu schreiben, dann kann man sich das auch gleich spaaren!

Es geht hier meiner Meinung nach darum den Leuten AKTIV zu helfen und nicht ihnen nur immer zu sagen das sie Validieren sollen und in diesem Fall den Fehler dabei nicht mal finden können.

Es gibt in CSS 3 auch den pseudo-selector :target, welcher immer das Element anspricht, dessen Anker via #... an die URL angefügt wurde.

Beispiel:

<div id="blub">Hallo</div>

*:target {
    margin-top:30px;
}

Oder so ähnlich, welche Styleattribute funktionieren, musst du selber gucken

Gut zu wissen, man lernt doch immer noch dazu =)