Bilder grösser

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

KurtWz

Neues Mitglied
2 Oktober 2019
12
0
1
86
Ich beginne eine Website mit GRID zu gestalten und möchte dilder soweit vergrössern, sie die Begrenzungen des Raster sprengen, also bis an den viewport reichen und mit scrollen über die ganze Geösse betrachtet werden können.
Ich finde keine Lösung, kann mir die community helfen?
KurtWz
 

basti1012

Senior HTML'ler
26 November 2017
1.312
131
63
39
Minden
sebastian1012.bplaced.net
Es wäre gut wenn du mal deinen jetzigen Code zeigen würdest.
Du kannst den Bildern ja einfach width:100% geben, doch die ausage kann richtig sein oder auch nicht ,
da man deinen ganzen Code nicht kennt
 

KurtWz

Neues Mitglied
2 Oktober 2019
12
0
1
86
Hoffentlich reichen diese Angaben.
URL http://www.wentzell.eu/Land/Landkreis.html
<main>
<p><img src="Landsberg_Kreiskarte.jpg" alt="Karte"> <small>Der Kreis Landsberg 1939</small>
</p>

CSS-Auschnitte
body {
margin: 1em auto;
max-width: 60em;
font-family: sans-serif;
color: #333333;
display: grid;
grid-template-columns: 1fr 4fr 1fr ;
/*grid-template-columns: 1fr 4fr;*/
}

main {
background:#D1F7FA;
/*grid-column:2 / 7;*/
grid-column-start: 2;
grid-column-end: 6;
grid-row:4;
}
 

basti1012

Senior HTML'ler
26 November 2017
1.312
131
63
39
Minden
sebastian1012.bplaced.net
dilder soweit vergrössern, sie die Begrenzungen des Raster sprengen, also bis an den viewport reichen und mit scrollen über die ganze Geösse betrachtet werden können.
Das verstehe ich gerade nicht.
Wenn man auf deiner Seite geht und mit den Viewport rumspielt vergrößert und verkleinert sich das Bild so wie man es eigentlich auch haben will.
Ich sehe da auch keine Scrollbalken.

Willst du das jetzt immer auf volle größe haben
und wenn man das Fenster kleiner macht sollen Scrollbalken kommen bei den Bild ?

Ich hoffe ja nicht.
Ich würde dann lieber Fancybox nutzen um das ( die ) Bilder groß anzuzeigen