Probleme mit Vererbung und Kaskadierung in CSS?

[Pyrofreak]

Hallo Leute!

Habe auf meiner Startseite eine Kopfleiste für die Titelzeile gemacht und
diese Kopfleiste + Titelzeile verwende ich auch auf meinen Unterseiten!

1. Frage: Wenn ich Sie auch auf meinen Unterseiten verwende muss ich dann
nicht statt "id" auf eine "Klasse" umsteigen?

2.Frage: Die Kopfzeile besteht aus einer Liste mit display: inline und auf einer
anderen Unterseite habe ich weiter unten im body auch zwei Listen
gemacht, da stimmt das Design aber ned mehr, kann das mit der
Kopfleiste zusammenhängen?

gr Pyro

[mogidala]

1) Ja, IDs sind eindeutige Bezeichner

2) Schwer zu sagen ohne url oder Code *mit dem Zaunpfahl wink*
Hast du im Body evtl noch andere Formatierungen, die die Liste beeinflussen (enthält eine Liste z.B. Links, die andere nicht?)

[max.m]

1. IDs darfst Du nur einmal pro html-Dokument verwenden, sprich: Du kannst IDs lassen.

2. Du kannst ja für den body eine eigene Liste definieren, z.B.

#hauptbereich li {
  inline:...;
  margin:...;
  padding:...;
}

und diese dann im hauptbereich verwenden.

<ul id="hauptbereich">
<li></li>
<li></li>
<li></li>
</ul>

[max.m]

Zitat von mogidala

1) Ja, IDs sind eindeutige Bezeichner

Aber er kann ja jede ID z.B. in index.html, unterseite1.html, unterseite2.html etc. verwenden. Nur innerhalb beispielsweise der index.html darf er sie nur einmal verwenden.

[mogidala]

Ja, das mit den Unterseiten hatte ich überlesen sorry!

[Pyrofreak]

Hallo!

Danke erstmal jetz weis ich das ich sie nur einmal pro Seite verwenden darf!

Hm ja das mit dem Code, hab mir schon gedacht das ich den wohl reinposten muss, dasProblem is nur der is ziemlich umfangreich, da ich leider ned genau weis
welcher Fehler mit welchem Teil vom Code zusammenhängt usw.

Egal ich poste mal Teile des Codes:

html:

<h2>Text</h2>
<ul id="Flirttipps">
<li>Text</li>
<li>Text</li>
usw...
</ul>
<h2>Text</h2>
<ul id="Flirttipps">
<li>Text </li>
<li>Text </li>
usw...

Genau bei dieser Liste macht er Probleme er zeigt Sie teilweise ohne Hintergrund an oder der Anfang der Liste ist ganz nach Links gerückt usw.

CSS Code für die Kopfleiste oben, die befindet sich auf jeder Seite aber nur einmal:

#Kopfleiste-Unten {
border-top: 1px solid #7C5C1E;
border-bottom: 1px solid #7C5C1E;
height: 1%;
}
#Kopfleiste-Unten ul {
list-style-type: none;
margin: 0;
padding: 0 30px 0 0;
text-align: right;
}
#Kopfleiste-Unten li {
display: inline;
color: #7C5C1E;
}
#Kopfleiste-Unten a:link, #Kopfleiste-Unten a:visited {
text-decoration: none;
}
#Titelzeile {
margin: 0;
padding: 0 0 0 5px;
width: 63%;
float: left;


CSS Code der Seite wo das Problem ist:

#Inhalt2 {
margin: 0;
padding: 10px;
border: 1px solid #7C5C1E;
background-color: #FFE3AD;
color: black;
height: 300px;
}
#Flirttipps {
list-style-type: disc;
line-height: 1.5em;
padding: 0.4em 0 0.4em 0;
}

Hoffe hab euch die richtigen Teile des Codes reingepostet!

gr Pyro

[mogidala]

Scheinen die richtigen Teile zu sein. Ändere doch erstmal die IDs bei <ul id="Flirttipps"> in Klassen, damit wir dieses Problem schonmal ausschließen können.

[Pyrofreak]

Ok hab ich gemacht also:

<ul class="Flirttipps"> im html abgeändert!

und

im CSS

.Flirttipps {
list-style-type: disc;
line-height: 1.5em;
padding: 0.4em 0 0.4em 0;


Hm wieder dasselbe Problem also im "Internet Explorer" verschwindet der
Hintergrund (Inhalt2) unter der Liste...genauso wie vorher

gr Pyro

[mogidala]

Kannst du mal einen Link zu der Seite posten bitte?

[Pyrofreak]

@mogidala

Würde ich gern tun, aber leider ist das alte Design hochgeladen und das
war noch ohne CSS also hauptsächlich mit Tabellen und veraltet,
das neue CSS Design hab ich noch nicht hochgeladen leider!

gr Pyro

[mogidala]

Dann mach's doch packs halt in irgendeinen unterordner oder mail mir das ganze gezippt an tp {ät} dasanet {ponkt} de

[Pyrofreak]

@mogidala

Muss es ein andermal wiederholen den Post hab jetzt die Seite hochgeladen,
aber irgendwas geht nicht er zeigt das neue CSS ned an, ich weis im Moment ned warum, aber irgendwo ein Fehler in den Links weil diese ja noch nicht aktualisiert sind, poste einandermal wenn die Seite on ist, nochmal den Link!

Dachte es ist ein einfacher Fehler aber scheint nicht der Fall zu sein, trozdem danke

gr Pyro

[Pyrofreak]

Hallo!

Habe den Fehler gefunden, hatte mich vertippt und den "Inhalt2" verkleinert gehabt mit dem "height" Befehl! Was mich nur wundert, jetzt funktioniert
die Seite mit dem "Internet Explorer" aber mit dem "Firefox Browser" wird
Sie leider wieder falsch angezeigt (Liste viel zu weit nach Links gerückt!)

gr Pyro

Ps.: Wie gesagt werde schauen das ich so bald wie möglich das neue Design
hochladen kann,dann sieht man es besser!

[mogidala]

Joa also eigentlich macht's in der Regel der Firefox richtig und der IE falsch

Klingt ganz nach dem Boxmodell-"Bug", kannst ja dazu mal folgendes studieren: http://www.css4you.de/wsboxmodell/index.html hier vor allem der Punkt "Browser und das Boxmodell"

[Pyrofreak]

Hallo!

So habe die Links (die meisten) aktualisiert und neu hochgeladen!

Der Link wäre hier : http://www.chat-surium.com/Chat/Chat...Flirttipps.htm

Im Firefox sieht die Liste unten ziemlich scheisse aus...

gr Pyro