Bilder grösser

[KurtWz]

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]

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]

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]

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

 

[KurtWz]

Ich habe mein Problem jetzt mit einer neuen Seite, die das grössere Bild enthält, durch eine Click auf das Bild gelöst. Es bedarf einiger Links aber es geht. http://wentzell.eu/Land/Landkreis.html

 

[basti1012]

ich würde da nee Fancybox nutzen weil das besser ausehen tut.
Aber das muß ja jeder selber wissen, wenn du jetzt zufrieden bist mit dein Ergebniss dann ist ja auch gut6