CSS Border größe

Olek_und_Bolek · 2. November 2017

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;
}

Sailor56 · 2. November 2017

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.

Olek_und_Bolek · 6. November 2017

Hallo,
kann es sein das box-sizing nur für DIVs sind?

Gruß
Olaf

SirEctor · 7. November 2017

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

Olek_und_Bolek · 8. November 2017

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

WPDE.org

CSS Border größe

Olek_und_Bolek Active Member

Sailor56 Well-Known Member

Olek_und_Bolek Active Member

SirEctor Well-Known Member
Ehrenmitglied

Olek_und_Bolek Active Member

Nützliche Suchen

CSS Border größe

Olek_und_Bolek Active Member

Sailor56 Well-Known Member

Olek_und_Bolek Active Member

SirEctor Well-Known Member Ehrenmitglied

Olek_und_Bolek Active Member

SirEctor Well-Known Member
Ehrenmitglied