seekwhence: SAFARI DIV FLOAT

Hallo Leute,

mal folgende Frage warum <div> im ff und ie wunderbar mittels css layouten lässt - nur nicht im safari.

ich hab folgendes konstrukt:

<td>
 <div class="bild"><bild></div>
 <div class="bild"><bild></div>
</td>

div.bild {
 height: 58px;
 width: 58px;
 margin: 1 1 1 1;
 float:left;
 text-align: center;
 background-color: #eeeeee;
 padding: 4 4 4 4 4;
}

jetzt bricht der aber im safari immer nach jedem div um. der soll aber den platz den er vom <td> bekommt, zeilenweise mit den <div> füllen - grafisch zumindest... wie schaffe ich es im safari, dass der nicht nach jedem div umbricht...

danke für hilfe

sw

  1. Hi,

    <td>

    was Du hast, sieht nicht nach tabellarischen Daten aus.

    <div class="bild"><bild></div>

    "<bild>" ist hier sicher nur als Platzhalter gemeint?

    margin: 1 1 1 1;

    Du willst an jeder Seite einen Rand von einem Hausboot haben? Oder meinst Du ein Quarzuhrschicksal?

    padding: 4 4 4 4 4;

    Vier Leberwürste oben, vier Granufinken rechts, vier Zebräher unten, vier Analogien links und vier asthmatische Kolumnisten vorne? Also, wenn ich Safari wäre, würde ich hier auch durcheinander kommen.

    danke für hilfe

    Solange jedweder Code nicht sinnvoll und valide ist, macht eine Suche nach irgendwelchen Problemursachen *keinen* Sinn.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    1. <table>
      <tr>
      <td>
      <div class="bild"><img src="fuer/cheatah/der/es/auf/die/harte/tour/will/censored.gif"></div>
      <div class="bild"><img src="fuer/cheatah/der/es/auf/die/harte/tour/will/censored.gif"></div>
      </td>
      </tr>
      </table>

      für dich:

      margin-left: 1px;
      margin-right: 1.014px;
      margin-top: 1px;
      margin-bottom: 1px;

      padding-left: 4px;
      padding-right: 4px;
      padding-top: 4px;
      padding-bottom: 4px;

      etc... ;-)

      und wo ist dein trick?
      funktioniert auch nicht so: 14px 14px 14px 14px;

      gruß

      Hi,

      <td>

      was Du hast, sieht nicht nach tabellarischen Daten aus.

      <div class="bild"><bild></div>

      "<bild>" ist hier sicher nur als Platzhalter gemeint?

      margin: 1 1 1 1;

      Du willst an jeder Seite einen Rand von einem Hausboot haben? Oder meinst Du ein Quarzuhrschicksal?

      padding: 4 4 4 4 4;

      Vier Leberwürste oben, vier Granufinken rechts, vier Zebräher unten, vier Analogien links und vier asthmatische Kolumnisten vorne? Also, wenn ich Safari wäre, würde ich hier auch durcheinander kommen.

      danke für hilfe

      Solange jedweder Code nicht sinnvoll und valide ist, macht eine Suche nach irgendwelchen Problemursachen *keinen* Sinn.

      Cheatah

      1. Hi,

        <div class="bild"><img src="fuer/cheatah/der/es/auf/die/harte/tour/will/censored.gif"></div>

        ERROR: Required attribute "alt" missing.

        Und tabellarische Daten kann ich immer noch nicht erkennen.

        margin-right: 1.014px;

        Zu welchem Wert berechnet Safari dies?

        und wo ist dein trick?

        Wieso Trick? Erst mal mache ich es richtig. Wenn das irgendwo zu nicht erwünschten Ergebnissen führt, analysiere ich dessen Grund und versuche, gezielt dagegen zu wirken.

        Hi,

        Zitiere bitte nur das, worauf Du Dich beziehst, und antworte nach dem Zitat. Btw: Die harte Tour willst Du bei mir nicht erleben.

        Cheatah

        --
        X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
        X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
        X-Will-Answer-Email: No
        X-Please-Search-Archive-First: Absolutely Yes
        1. hi,

          was bisten du für einer? danke für deine hilfe ;-)

          sw

          Hi,

      2. Hi,

        <div class="bild"><img src="fuer/cheatah/der/es/auf/die/harte/tour/will/censored.gif"></div>
        <div class="bild"><img src="fuer/cheatah/der/es/auf/die/harte/tour/will/censored.gif"></div>

        wozu die DIVs? Sie sind unnötig und es könnte sein, daß Safari mangels Breitenangabe deswegen die Zelle verbreitert.

        freundliche Grüße
        Ingo

  2. Hallo!

    jetzt bricht der aber im safari immer nach jedem div um. der soll aber den platz den er vom <td> bekommt, zeilenweise mit den <div> füllen - grafisch zumindest... wie schaffe ich es im safari, dass der nicht nach jedem div umbricht...

    Welchen Platz bekommt er vom <td>?

    Das hat nichts mit dem Safari zu tun, das ist im Firefox auch so.
    Ich vermute, daß Du der Tabellenzelle keine ausreichende Breite zugewiesen hast.
    Auf die notwendige Angabe von Maßeinheiten hat Cheatah bereits hingewiesen.
    Bei 4 gleichen Werten genügt die Angabe eines Wertes.

    Grüße
    saltun

    1. alles klar - das werd ich mir der ordnung halber anlernen ;-)

      das prblem ist, die divs bekommen ausreichend platz vom <td> - dürften ein paar nebeneinander passen - wie es im ff und ie ja zu sehen ist...

      ich probiere weiter...

      1. Hallo!

        das prblem ist, die divs bekommen ausreichend platz vom <td> - dürften ein paar nebeneinander passen - wie es im ff und ie ja zu sehen ist...

        Ich verwende auf meinem PC Firefox und Konqueror.
        Safari und Konqueror basieren auf dem gleichen Quelltext, rendern also gleich.

        Firefox und Konqueror verhalten sich mit floatenden Divs in einer Tabellenzelle völlig gleich.
        Wenn der Tabellenzelle eine Breite von mindestens die Summe der Gesamtbreite der Divs explizit zugewiesen
        wird, stehen diese nebeneinander.
        Bei einer kleineren oder keiner Breitenangabe der Zelle stehen sie untereinander.

        Deshalb würde mich interessieren, wie Du den "ausreichenden Platz im <td>" sichergestellt hast:
        Durch eine Breitenangabe für das <td> im Stylesheet, oder direkt im HTML?
        oder durch einen anderen Inhalt?

        Grüße
        saltun