Bild passt sich Layout nicht an !
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
beitrag
bild
container
design
eigenschaft
extrem kleinen bildschirm
groen bildschirm
hhen
kleinen bildschirm
layout
mache
margin
meinst
overflow
page
platzen
rahmen
recht
test
tue
-
Hallo,
wenn ich ein Bild habe, dieses in einen DIV Container tue und der DIV-Container zuende ist, dass sollte sich das Bild doch auch ändern.
Oder wie mache ich es, dass das Bild sich dem Layout anpasst.
Das Problem ist, dass wenn ich einen großen Bildschirm, die Seite ganz normal aussieht, links und rechts ist Platz (da die seite auf 90 % angegeben wurde). Wenn ich aber an einen anderen PC gehe, der einen kleinen Bildschirm hat, steht das bild über den rahmen des DIVS -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
soll ich das in den Container eingeben, der das Bild beinhaltet, weil dann verscheibt der sich
-
Ja, du musst es als Eigenschaft des Div-Blocks (oder eines anderen Blockelements) angeben.
Siehe dazu auch: http://www.css4you.de/overflow.html
Ach ja, was meinst du mit \"dann verschiebt er sich\"? Kannst du das vllt. mal genauer erklären? -
was ich ja nicht möchte ist, dass wenn jemand einen großen Bildschirm hat das Bild bei ihm kleiner als möglich ist.
ich geb euch den Code:
CSS -> http://webmaster123.lima-city.de/css/design.css
HTML Code -> http://webmaster123.lima-city.de/css/test.txt
HTML Page -> http://webmaster123.lima-city.de/css/test.htm -
also ich hab mir angeschaut, sehe was du meinst, allerdings würde ich den overflow vielleicht nicht ausblenden, immerhin könnte es passieren das jemand nen \\\\\\\"extrem kleinen\\\\\\\" bildschirm hat und das is fad wenn der nur die obere linke cke sieht
soll ich das in den Container eingeben, der das Bild beinhaltet, weil dann verscheibt der sich
weis scho was du meinst, is eigentlich komisch das er die margin left, nicht vom seitenrand nimmt sondern vom leinken div (steuerung)
hab trotzdem die läsung für dich (zumindest was die breite angeht)
<div id=\"inhalt\">
<img src=\"dein_bild.jpg\" width=\"100%\" height=\"100%\" border=\"0\" border=\"1px\">
</div>
damit wird das bild an den container angepasst, zumindest in der breite, das heist, er verkleinert das bild nur wennst das fenster ind der breite verkleinerst (ob manuelle oder kleiner auflösung) nicht aber wenn du die höhe verkleinerst
Beitrag geändert: 13.9.2007 23:05:13 von beliar
Beitrag geändert: 13.9.2007 23:05:59 von beliar -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
