zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden zu breites Bild zentrieren ohne Scrollbalken

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 25.04.2013, 20:46
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.04.2008
Beiträge: 13
deelite befindet sich auf einem aufstrebenden Ast
Standard zu breites Bild zentrieren ohne Scrollbalken

Hallo,

ich stehe gerade vor einem Rätsel.

Ich habe ein zu breites Bild, welches auch nicht schmaler werden darf. Dieses Bild reißt es mir jetzt nach rechts raus und ich bekomme horizontale Scrollbalken.

Der Sichtbereich auf das Bild soll also mit zunehmender Fenstergröße/Auflösung wachsen.

Wie kann ich das Bild zentriert darstellen ohne die Scrollbalken zu bekommen?

Vielen Dank schon mal fürs Lesen!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 25.04.2013, 21:41
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

eventuell so?
HTML-Code:
<!DOCTYPE html>
<html lang="de">
    <head>
        <meta charset="UTF-8">
        <title>
            Testseite
        </title>
        <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }
        figure {
            width: 40%;
            margin: 0 auto;
            background: #ccc;
            text-align: center;
        }
        img {
            width: 100%;
            height: auto;
        }
        </style>
    </head>
    <body>
        <figure>
            <img src="http://placehold.it/800x350/0eafff/ffffff.png" alt="">
            <figcaption>
                40% breit
            </figcaption>
        </figure>
    </body>
</html>
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Bild in der Navigationsleiste zentrieren sumica CSS 8 19.06.2009 12:53
jpg slider/panorama mit mausfunktion (4000px breites bild) tortellini Javascript & Ajax 5 04.09.2008 17:43
scrollbalken (IE) und vertikales zentrieren (generell) tanaka CSS 7 21.04.2006 14:06
Bild vertikal zentrieren in Blockelement in IE nur m. TABLE AndreasB CSS 11 13.03.2006 18:05


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:05 Uhr.