css verschiedene Bilderbreiten immer gleicher Abstand

Dieses Thema im Forum "Web Page Design" wurde erstellt von kaifreund, 29.11.2004.

  1. kaifreund

    kaifreund Thread Starter MacUser Mitglied

    Beiträge:
    52
    Zustimmungen:
    0
    Mitglied seit:
    30.07.2004
    Hallo Forum,
    Folgendes Problem:
    ich möchte zwischen drei verschieden grossen Bildern jeweils den gleichen Abstand haben. ABER: Der Code sollte auch für Bilder mit anderen Breiten passen (Dann wird bei identischer Gesamtbreite der Abstand zwischen den Bildern entsprechend grösser oder kleiner)!
    Bisher habe ich (ganz simpel) das:

    table {
    width:754px; margin-left:26px;}

    td{
    vertical-align:bottom;}

    .bild1 {
    float:left;}

    .bild1,.bild2, .bild3 {
    padding-top:44px;}

    .bild2 {
    text-align:center;}

    .bild3 {
    float:right;}


    <html> dazu:

    <table><tr><td>
    <div class="bild1">
    <img src="images/horchen1.jpg">
    </div></td>

    <td> <div class="bild2">
    <img src="images/horchen2.jpg">
    </div></td>

    <td><div class="bild3">
    <img src="images/horchen3.jpg">
    </div></td></tr>
    </table>

    Nun das Problem:
    da in diesem Fall das Bild3 deutlich breiter ist als Bild1 wird der Abstand zwischen Bild2 und Bild3 grösser als zwischen Bild1 und Bild2. Aber das will ich eben gerne ausschliessen.

    Weiss Jemand Rat?

    lg.Kai
     
  2. mac-anfänger

    mac-anfänger MacUser Mitglied

    Beiträge:
    1.066
    Zustimmungen:
    0
    Mitglied seit:
    20.02.2004
    setz doch für die <td> eine feste weite und zentriere die bilder in jeder zelle....

    gruss ch aus CH
     
  3. kaifreund

    kaifreund Thread Starter MacUser Mitglied

    Beiträge:
    52
    Zustimmungen:
    0
    Mitglied seit:
    30.07.2004
    Eigentlich gute Idee aber dann habe ich rechts und links der drei Bilder einen "Flatterrand" (sorry hatte in meinem posting vergessen zu erwähnen das die äussere linke Kante und die äussere rechte Kante der Bilderreihe unverändet bleiben muss. Es sollen lediglich die beiden Abstände zwischen den Bildern (bei verschiedenen Bilddern) variieren...

    Kai
     
  4. mac-anfänger

    mac-anfänger MacUser Mitglied

    Beiträge:
    1.066
    Zustimmungen:
    0
    Mitglied seit:
    20.02.2004
    hallo kaifreund
    ....gib alles in feste breiten an das ganze layout und zentrierst das bild, so hast gar keinen flatternden rand.....meinte müsste schon gehen, probiers mal.....
    ...und muss es eine tabelle sein? kannst du nicht alles in <div>-container verpacken?----> schnellere ladezeiten, vorallem bi bilder eine gute argumentation <div>'s zu verwenden

    gruss ch aus CH
     
    Zuletzt bearbeitet: 30.11.2004
  5. lengsel

    lengsel MacUser Mitglied

    Beiträge:
    4.553
    Zustimmungen:
    53
    Mitglied seit:
    25.11.2003
    Und wenn Du dem mittleren Bild einen festen Wert für margin-left und margin-right zuweist?

    Grüße,
    Flo
     
  6. michanismus

    michanismus MacUser Mitglied

    Beiträge:
    434
    Zustimmungen:
    0
    Mitglied seit:
    23.08.2004
    ich würd dir ja gern helfen, aber irgendwie verstehe ich deine ausführungen nicht ganz.

    hast du evtl. mal nen link wo man sich das praktisch anschauen kann, damit man sich ein "bild" :) davon machen kann?
     
  7. kaifreund

    kaifreund Thread Starter MacUser Mitglied

    Beiträge:
    52
    Zustimmungen:
    0
    Mitglied seit:
    30.07.2004
    Das ist nett:
    hier der link: http://www.vonbieler.de/indexx.html
    ("indexx.html" ist noch korrekt!)

    unten malerei wählen, dann oben links "in sich hineinhorchend"

    --> der abstand zwischen den bildern ist nicht gleich...
    Achtung: ich will eben *nicht* die Bilder/Tables/divs in fester Breite angeben da die Bilder immer verschiedene Breiten haben...

    lg.kai
     
  8. lengsel

    lengsel MacUser Mitglied

    Beiträge:
    4.553
    Zustimmungen:
    53
    Mitglied seit:
    25.11.2003
    Also bei dem angegebenen Link sind die Abstände zwischen den Bildern bei mir (Camino 0.7) absolut gleich. Lediglich das erste steht ein bisschen höher.

    Grüße,
    Flo
     
  9. kaifreund

    kaifreund Thread Starter MacUser Mitglied

    Beiträge:
    52
    Zustimmungen:
    0
    Mitglied seit:
    30.07.2004
    @ lengsel.
    hmmm.
    Alle mir bekannten Browser ab 5.5 auf MAC als auch PC + Firefox 1 und Safari 1.2 zeigen dort einen Unterschied. Nimm mal in der Navigation "durch das Leben inspiriert" da habe ich dir eine Border gesetzt und damit ist es besser zu sehen?!

    g.kai
     
  10. mac-anfänger

    mac-anfänger MacUser Mitglied

    Beiträge:
    1.066
    Zustimmungen:
    0
    Mitglied seit:
    20.02.2004
    in meinen browsern (camino, explorer für mac, firefox, sAFARI, alles aktuelle versionen) ist der abstand regelmässig!
    übrigens: schöne fröhliche bilder hast du da:)

    edit: finde schade, dass man nur mit eingeschaltetem java navigieren kann :( ......

    was mir auch noch aufgefallen ist, man kommt gar nicht an die navi hin, wenn man (mit meiner auflösung 1024y768) nicht das ganze fenster auf volle grösse skaliert.--> safari macht das so, der netscape zb nicht...

    gruss ch aus CH
     
    Zuletzt bearbeitet: 30.11.2004
Die Seite wird geladen...

Diese Seite empfehlen