height Angabe wichtig bei div ?

[J.P.]

Hi,
weiter unten habe ich eine ähnlich Frage gestellt.
Beim Testen file mir was auf was jetzt doch wohl eher
einer neuen Kategorie und Fragestellung bedarf.

Es geht darum, dass Inhalte aus div's rausspringen.

Mal ein Beispiel:

<div style="border:2px solid green;background-color:#CDCFBA;">
<a href="" style="display:block;float:left;border:2px solid #EAEBE2;text-decoration:none;padding:5px;">11</a>
<a href="">12</a>
<a href="">13</a>
<a href="">14</a>
<a href="">15</a>
</div>

Wenn ich jetzt aber im div eine heightangabe mache,
egal wie gross hauptsache unter der Grösse des Inhalts,
passiert dieses herausspringen  nicht.

<div style="border:2px solid green;background-color:#CDCFBA;height:1px;">

Nur ein einziger winzigkleiner Pixel ;-(

Weiss denn wirklich keiner von Euch woran,
das liegt ?

Gruss
J.P.

[Felix Riesterer]

Liebe(r) J.P.,

Es geht darum, dass Inhalte aus div's rausspringen.
<div style="border:2px solid green;background-color:#CDCFBA;">
<a href="" style="display:block;float:left;border:2px solid #EAEBE2;text-decoration:none;padding:5px;">11</a>
<a href="">12</a>
<a href="">13</a>
<a href="">14</a>
<a href="">15</a>
</div>

handelt es sich hier wieder um einen Fall von Divitis? Ich vermisse einen semantischen Kontext, in welchem diese verlinkten Zahlen von 11 bis 15 stehen (eine nummerierte Liste vielleicht?)...

Du weißt schon, dass wenn Du ein Element (erster Link) floatest, dass dann das Elternelement schon "früher zu Ende" sein kann, wenn es selbst nicht auch gefloatet ist? Versuche einmal dem letzten Link in Deinem DIV ein clear: left zu geben! Wenn nämlich innerhalb des Elternelements ein float durch ein clear wieder ausgeglichen wird, dann ist das Elternelement nämlich nicht mehr "früher zu Ende", sondern muss das gefloatete Element komplett umschließen.

Meine Formulierung mag angesichts der späten Stunde (ja, ich bezeichne das als "vor dem Schlafengehen") sachlich nicht unbedingt korrekt sein, aber sie erklärt das Browserverhalten so, dass Du Dein Problem lösen können solltest.

Viel Glück! Und schreibe bitte semantischeren Code als das obige Beispiel!

Liebe Grüße aus Ellwangen,

Felix Riesterer.

[J.P.]

handelt es sich hier wieder um einen Fall von Divitis? ...

Darüber liesse sich endlos diskutieren.

Du weißt schon, dass wenn Du ein Element (erster Link) floatest, dass dann das Elternelement schon "früher zu Ende" sein kann, wenn es selbst nicht auch gefloatet ist? Versuche einmal dem letzten Link in Deinem DIV ein clear: left zu geben! Wenn nämlich innerhalb des Elternelements ein float durch ein clear wieder ausgeglichen wird, dann ist das Elternelement nämlich nicht mehr "früher zu Ende", sondern muss das gefloatete Element komplett umschließen.

Na gut dann also mal so:

<div style="border:2px solid green;clear:both;">
<a href="" style="display:block;float:left;border:2px solid red;padding:5px;">11</a>
<a href="#" style="display:block;float:left;border:2px solid red;padding:5px;">12</a>
<a href="#" style="display:block;float:left;border:2px solid red;padding:5px;">15</a>
<span style="clear:both;"></span>
</div>

Weiss zwar nicht ob du das so meinst aber es funktioniert.
Leider aber nur im IE nicht im portable firefox.

Gruss
J.P.

[Christoph Schnauß]

hallo,

Manchmal lohnt es wirklich, sich über Zeichensetzung Gedanken zu machen.

Leider aber nur im IE nicht im portable firefox.

Dieser Satz kann mehrfache und teils sogar entgegengesetzte Bedeutungen haben:
  - Leider aber nur im IE, nicht im portable firefox.
  - Leider aber nur im IE nicht, im portable firefox.

Wie also soll man deine Aussage verstehen? Und was ist ein "portable firefox"?

Grüße aus Berlin

Christoph S.

[J.P.]

Manchmal lohnt es wirklich, sich über Zeichensetzung Gedanken zu machen.

Und was ist ein "portable firefox"?

Manchmal lohnt es wirklich, zu googlen ;-)

http://www.firefox-browser.de/wiki/Portable_Firefox

Mit diesem genannten Browser bleibt das Problem bestehen.

J.P.

[Christoph Schnauß]

hi,

Mit diesem genannten Browser bleibt das Problem bestehen.

Nau und? Da es sich nach der von dir selbst angegebenen Adresse im etwas "Inoffizielles" (und damit um eine inoffizielle Software) handelt, hat das keine Bedeutung.

Grüße aus Berlin

Christoph S.

[J.P.]

Nau und? Da es sich nach der von dir selbst angegebenen Adresse im etwas "Inoffizielles" (und damit um eine inoffizielle Software) handelt, hat das keine Bedeutung.

Bist du übermüdet oder immer so seltsam drauf ?

Der Browser ist fast identisch mit der
installierten Version. Da ich aber nicht 100%ig
weiss, ob die Darstellung im normalen FF die
gleiche ist, habe ich es nochmal genau betont.

Hilfreich von Dir wäre gewesen:
"In meinem FF Version xy
funktioniert es/ funktioniert es auch nicht."

[Christoph Schnauß]

hallo,

Der Browser ist fast identisch mit der
installierten Version.

Was bedeutet hier "fast identisch" und was für eine "installierte Version" meinst du? Man muß da schon, gerade bei den Gecko-basierten Browsern, sehr exakt sein.

Da ich aber nicht 100%ig
weiss, ob die Darstellung im normalen FF die
gleiche ist

Was ist jetzt nun wieder ein "normaler" FF?

habe ich es nochmal genau betont.

Nein, du hast ganz im Gegenteil mit der Betonung der Inoffizialität alles sehr nebulös gemacht.

Hilfreich von Dir wäre gewesen:
"In meinem FF Version xy
funktioniert es/ funktioniert es auch nicht."

Nö. Hilfreich wäre gewesen, wenn ich gesagt hätte: "gib mal bitte den konkreten Code an, den du verwendest, indem du eine URL postest, auf der man sich den vermeintlichen Fehler anschauen kann. Nach den bisherigen Schnipseln läßt sich nichts, aber auch gar nichts verifizieren". Meinst du, daß mir das so besonders viele Sympathiepunkte eingebtacht hätte?

Grüße aus Berlin

Christoph S.

[Ingo Turski]

Hi,

Was bedeutet hier "fast identisch"

wenn Du den portable Firefox kennen würdest, dann wüßtest Du, dass der einzige Unterschied darin besteht, dass es sich um eine fertige Installation handelt, die nur innerhalb eines Verzeichnisses völlig autark arbeitet. Sie kann daher z.B. auf einem USB-Stick laufen, ohne dass Daten auf die Festplatte geschrieben werden - außerdem kann man so einfach mehrere Firefox-Versionen parallel testen.

freundliche Grüße
Ingo

[Christoph Schnauß]

hallo Ingo,

wenn Du den portable Firefox kennen würdest

Nun, ich "kenne" ihn nicht wirklich. Ich weiß und wußte auch schon vorher, daß es ihn gibt und habe mir das gute Stück auch schonmal angeschaut.

Aber du übersiehst die Intention meiner letzten Anmerkung. Es geht nicht darum, ob man einen bestimmten Browser kennt oder nicht, sondern es geht darum, bei Detaildebatten eben wirklich "Details" genau zu benennen. Und in diesem Fall auch die "normierten" Sprachbestandteile zu verwenden, sofern man Mißverständnisse vermeiden möchte.

Grüße aus Berlin

Christoph S.

[MudGuard]

Hi,

<span style="clear:both;"></span>

span ist ein inline Element. clear gilt nur für block-Elemente.

cu,
Andreas

[Ingo Turski]

Hi,

weiter unten habe ich eine ähnlich Frage gestellt.
Beim Testen file mir was auf was jetzt doch wohl eher
einer neuen Kategorie und Fragestellung bedarf.

Du weisst aber schon, dass Du die Kategorie und den Betreff innerhalb eins Threads ändern kannst - und sollst - wenn es sich um eine Folgefrage handelt?

Es geht darum, dass Inhalte aus div's rausspringen.

Mal ein Beispiel:

<div style="border:2px solid green;background-color:#CDCFBA;">
<a href="" style="display:block;float:left;border:2px solid #EAEBE2;text-decoration:none;padding:5px;">11</a>
<a href="">12</a>
<a href="">13</a>
<a href="">14</a>
<a href="">15</a>
</div>

Da kann nichts "rausspringen".

Wenn ich jetzt aber im div eine heightangabe mache,
egal wie gross hauptsache unter der Grösse des Inhalts,
passiert dieses herausspringen  nicht.

<div style="border:2px solid green;background-color:#CDCFBA;height:1px;">

Standardkonforme Browser stellen den Inhalt hier außerhalb des DIV dar - dies könnte eher als "rausspringen" bezeichnet werden.

freundliche Grüße
Ingo

[J.P.]

<div style="border:2px solid green;background-color:#CDCFBA;">
<a href="" style="display:block;float:left;border:2px solid #EAEBE2;text-decoration:none;padding:5px;">11</a>
<a href="">12</a>
<a href="">13</a>
<a href="">14</a>
<a href="">15</a>
</div>

Da kann nichts "rausspringen".

Tut es aber.

<div style="border:2px solid green;background-color:#CDCFBA;height:1px;">

Standardkonforme Browser stellen den Inhalt hier außerhalb des DIV dar - dies könnte eher als "rausspringen" bezeichnet werden.

Sollte man so erwarten, weil der Platz ja nicht ausreicht.
Aber genau so klappt es. Also komplett andersherum.

J.P.

[Ingo Turski]

Hi,

Du hast wirklich in einem standardkonformen Browser getestet?

freundliche Grüße
Ingo