Erste Zeile wird Absatz wenn Absatz im Text

[Blacko]

Hallo,
ich weiß nicht ob dies eine alltägliche Frage ist aber ich habe Sie im Archiv nicht gefunden. Nagelt mich an die Wand wenn sie schon 1000 mal gefragt wurde ;)
Also ich mache eine HP mit CSS. Dabei habe ich einen div container erstellt. Den fülle ich mit Text. Wenn der Text fließend ist und ohne Zeilenumbruch dann paßt alles. Sobald ich jedoch einen Zeilenumbruch einfüge dann wird die erste Zeile automatisch zur Leerzeile. Allerdings "nur" im Opera Netscape und Mozilla. IE macht ausnahmsweise mal dass, was man erwartet. Oder auch nicht ^^

<div class="addy">
  <p>Raum für den Inhalt von class "addy"</p>
  <p>dfhgdfhgdfh</p>
</div>

}
.addy {
position:absolute;
left:36px;
top:361px;
width:114px;
height:98px;
z-index:3;
background-color: #336699;
layer-background-color: #336699;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px
}

Ich wäre sehr dankbar für eine hilfreiche Antwort.
Sollte ich etwas unverständlich oder ungenügend erklärt haben dann bitte kurz melden.
Wurde meine frage schon in einem anderen Tread beantwortet, bitte Link. Ich hab keinen gefunden.
Danke
Gruß Blacko

[Cyx23]

Hallo,

<div class="addy">
  <p>Raum für den Inhalt von class "addy"</p>
  <p>dfhgdfhgdfh</p>
</div>

in deinem Div hast du Absätze mit entspr. Eigenschaften, die
andere Darstellung im IE sollte auf anderen "defaults" dieser
Eigenschaften beruhen, also z.B. mal p{margin-top:0} o.ä. testen.

Grüsse

Cyx23

[Blacko]

Hallo,

in deinem Div hast du Absätze mit entspr. Eigenschaften, die
andere Darstellung im IE sollte auf anderen "defaults" dieser
Eigenschaften beruhen, also z.B. mal p{margin-top:0} o.ä. testen.

Danke für deine Antwort.
Ich habe schon probiert die Eingenschaften (margin)zu vergeben aber es geht so auch nicht. Das seltsame ist ja das die erste Zeile nur eine Leerzeile ist wenn ich im Text ein <br>, also einen Zeilenumruch reinmache. Ansonsten schreibt er mir den Text ganz normal.
Hast du mir noch einen anderen Vorschlag welche Eigenschaften ich festlegen könnte?
Danke
Gruß Blacko

[Cyx23]

Hallo,

Ich habe schon probiert die Eingenschaften (margin)zu vergeben aber es geht so auch nicht. Das seltsame ist ja das die erste Zeile nur eine Leerzeile ist wenn ich im Text ein <br>, also einen Zeilenumruch reinmache. Ansonsten schreibt er mir den Text ganz normal.

kann ich mit Mozilla nicht nachvollziehen.
p hat als default eine Zeilenhöhe Abstand unabhängig von <br>
Poste doch einfach mal etwas mehr Code, oder hast du es irgendwo online?.

Grüsse

Cyx23

[Blacko]

Hallo,
erst einmal danke für deine Mühe und enschuldige bitte meine späte antwort aber ich war übers WE weg.
Die Page ist im aufbau und unter: http://www.ebkonzept.de/May/
zu begutachten.

Vielleich habe ich auch einen kapitalen Fehler reingemacht und sehe den Wald vor lauter Bäumen nicht.

Danke

Grüße Blacko

[Detlef G.]

Hallo Blacko

Die Page ist im aufbau und unter: http://www.ebkonzept.de/May/
zu begutachten.

Verstehst du den Quelltext von http://www.ebkonzept.de/May/?

Aber nun zu deinem CSS.

Ich finde dort _nichts_, was margin oder padding für die Absätze (p)
innerhalb von #bodytxt definiert.

<Gebetsmühle>
  Wenn du bestimmte Außen- oder Innenabstände für bestimmte Elemente willst,
  musst du sie selbst definieren!
  Du kannst dich nicht darauf verlassen, dass alle Browser zufällig die von
  dir Gewünschten verwenden!
</Gebetsmühle>

Auch _kein_ Abstand ist ein von dir gewünschter Abstand.

Setze doch einmal zum Test einen Border oder eine Hintergrundfarbe für
deine Absätze (p). Dann siehst du, ob diese "zusätzliche Leerzeile" ein
Rand oder wirklich eine Leerzeile innerhalb des Absatzes ist.

Vielleich habe ich auch einen kapitalen Fehler reingemacht und sehe den Wald vor lauter Bäumen nicht.

Die zeigt dir am  besten der HTML-Validator und der CSS-Validator

Auf Wiederlesen
Detlef

[Blacko]

Hallo Detlef,

Verstehst du den Quelltext von http://www.ebkonzept.de/May/?

Ja tu ich denn ich ihn ja schließlich so aufgebaut. Die navigation wir per include eingefügt und deshalb sieht der "riesen" quellcode etwas komisch aus.

Ich habe das gefunden wo nach ich gesucht habe. Den Wald ;)
Mein Problem war das ich wie du gesagt hast den (p) nicht definiert hatte.

Ich hab das mit dem margin in #bodytxt schon probiert da es jedoch nichts brachte hab ich ihn wieder rausgemacht. Deshalb hast du die Definition nicht gefunden.

Danke nochmal für den "schubbser"

Grüße Blacko

[Detlef G.]

Hallo Blacko

... Sobald ich jedoch einen Zeilenumbruch einfüge dann wird die erste Zeile automatisch zur Leerzeile.

<div class="addy">
  <p>Raum für den Inhalt von class "addy"</p>
  <p>dfhgdfhgdfh</p>
</div>

Wo ist hier ein Zeilenumbruch (<br>)?
Ich kann in diesen Codeschnipsel so viele <br> reinschreiben, wie ich will,
die Anzeige der ersten Zeile ändert sich dadurch nicht.

Oder meinst du vielleicht, dass dieser Unterschied auftritt, wenn du den
Textinhalt von .addy wie in deinem Beispiel in Absätze packst.

Wenn du dies meinen solltest, dann kann es gut sein, dass alle Browser es
richtig machen. Der Text innerhalb eines Absatzes <p> hat üblicherweise
einen Abstand zum Text eines anderen Absatzes. Wie ein Browser dies umsetzt,
ist ihm meines Wissens selbst überlassen. Denkbar ist margin-top,
margin-bottom oder beides, selbst über padding kann dieser Abstand
eingestellt sein.
Wenn du definierte Abstände willst (oder keine) dann musst du selbst die
Werte für margin und padding setzen.
Du kannst dich niemals darauf verlassen, dass alle Browser zufällig die von
dir gewünschten Werte als Standard verwenden.

.addy {
...
width:114px;
height:98px;

Passt da der Text rein, wenn ein Seitenbesucher die Schrift vergrößert.

...
background-color: #336699;
layer-background-color: #336699;

Irgendwie ist mir diese CSS-Eigenschaft unbekannt.

...
font-size: 10px

Also das ist mir zu klein.
Und schon vergrößere ich die Schrift, was IE-Nutzer leider nicht so einfach
können.

Auf Wiederlesen
Detlef