✔ Unterschiedlicher Rand

[bobbybobby]

hi, auf http://www.beta-booking.tk , ist auf jeder seite eine Überschrift, Welcome , About , dates , bands ...

und wen man sich durchklickt, sieht man das die überschriften verschoben sind.

alle seiten haben den gleichen css code:
Code:

body {
    background-color: #363b3f;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

weis einer warum die so verschoben sind und wie man es ändern kann?

mfg

 

[Maik]

Hi,

dann zeichne mal die "Überschriften" auch als solche im Markup aus - siehe hierzu das Kapitel Überschriften -, denn auf jeder Seite hast du sie mit einer anderen "Stil"-Klasse formatiert, in denen unterschiedliche Schriftgrößen festgelegt sind.

mfg Maik

 

[bobbybobby]

ja,das ist eine möglichkeit,aber das muss doch in css auch gehen.
die stile heißen zwar anders, aber haben alle die gleiche größe von 20px.
und wen ich in dreamweaver durchklicke, sind die nicht verschoben...

 

[Maik]

Auf der "News"-Seite wurde zumindest schon mal eine größere Schriftart gewählt, als auf den nachfolgenden Seiten:

• news.htm

<p><span class="Stil1">Wilkommen</span></p>

.Stil1 {font-size: 22px}

• about.htm

<p class="Stil20">About us</p>

.Stil20 {font-size: 20px}

• bands.htm

<span class="Stil20">Bands</span>

.Stil20 {font-size: 20px}

• contact.htm

<span class="Stil3">Contact</span>

.Stil3 {font-size: 20px}

• dates.htm

<span class="Stil20">Dates</span>

.Stil20 {font-size: 20px}

Hinzu kommt, dass du in den ersten beiden Seiten das p-Element verwendest, das als Block-Element einen Absatz im Textfluß (auch nach oben) erzeugt, und dann plötzlich das span-Element, das als Inline-Element keinen Absatz erzeugt.

Wie gesagt, wenn du die Überschriften einheitlich mit demselben semantisch dafür vorgesehenen HTML-Element (<h[1-6]> ... </h[1-6]>) auszeichnest, und dieses dann einmal in CSS formatierst, ergeben sich auch keine unterschiedliche Abstände zu den Rändern.

Sorry, aber wie kann man sich eigentlich in einem Projekt solch einen "Kraut&Rüben-Salat" zusammenklicken? :suspekt:

Naja, dann mal "Wohl bekomm's"


mfg Maik

 

[bobbybobby]

hi,so.
alles wieder in ordnung.
sind jetzt alle in span...

danke und schönen abend noch