• Hallo Gemeinde,
    das ist vieleicht eine Dumme Frage, ich habe Fotos mit die mit einer größe von 75x100 angezeigt werden sollen. ich habe einen Rahmen (Border 4px) um das Foto, das Foto wird dann nur mit 67x92 angezeigt was mach ich falsch.

    Gruß
    Olaf

    .rahmen {
    border: 4px solid #d2d2d0;
    float: left;
    margin: 0 0px 10px 0;
    padding: 0px;
    -webkit-box-shadow: 0px 4px 7px 2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 4px 7px 2px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 4px 7px 2px rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 6px;
    }

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • google doch mal nach 'box-sizing' damit lässt sich das box-modell, also die Art und Weise wie das Bild und der Rahmen vom Browser gerendert, werden manipulieren.

  • Hast du es mal probiert?
    Teste einfach mal box-sizing: content-box;

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Hallo,
    Danke für die Tipps
    ich habe es so hin bekommen

    .rahmen {
    float: left;
    margin: 0 0px 10px 0;
    -webkit-box-shadow: 0px 4px 7px 2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 4px 7px 2px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 4px 7px 2px rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 6px;
    box-sizing: border-box;
    width: 83px;
    height: 108px;
    padding: 4px;
    background: #d2d2d0;

    Gruß
    Olaf

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!