Antworten zum Thema „div mit max-width kein background möglich“

[jimi77]

Hallo,

ich habe vor ein div zu machen, das sich verkleinern lässt (wenn der browser kleiner ist) aber eine bestimmte größe haben soll falls genügend platz vorhanden ist. dazu will ich max-width nehmen.

ich wollte in das div aber auch ein background-image geben. leider funktioniert dies nicht. es wird nicht angezeigt. erst wenn ich einen festen width-wert eingebe, funktioniert es.

es würde auch mit einem normalen img-tag funktionieren was ich will (vom optischen her) .. jedoch lässt sich in das div dann kein anderer inhalt hinzufügen.



könnt ihr mir bitte weiterhelfen?


vielen dank!

 

[Herr_D]

AW: div mit max-width kein background möglich

Code? Bildadresse stimmt?


Ich hab das grad probiert und hatte keine Probleme

 

[fexx]

AW: div mit max-width kein background möglich

hat der div denn auch eine höhe (definiert im css oder durch den content)? hast du schon mal mit firebug drüber geschaut?

 

[MegaAdi]

AW: div mit max-width kein background möglich

poste mal den Code-fetzen von deinem div, dass wir da mal drüber schauen können.
Ansonsten ist dein beschriebener weg mit max-width und background: url('..'); doch der richtige =)

Gruß Adrian

 

[vandign]

AW: div mit max-width kein background möglich

wenn dein div eine höhe hat darf es dabei kein problem geben

<div style="background: url(../pfad/zum/bild.jpg) no-repeat #fff; width:20%; max-width:600px; height:300px;"> inhalt </div>

 

[jimi77]

AW: div mit max-width kein background möglich

Hier habe ich es mit einem img-tag gemacht. man kann es bis zu einem gewissen grad verkleinern. dann springt das div unten rüber. das ist jedoch nicht so tragisch.
Link:


Hier das Problem. Es wird das backgroundimage nicht angezeigt.
Link:

hoffentlich versteht ihr was ich meine. wenn ihr andere lösungsvorschläge habts, dann nur raus damit ... ich weiß es ist nicht der eleganteste Weg, aber er reicht meiner meiner meinung nach.

 

[fexx]

AW: div mit max-width kein background möglich

width: 432px;

max-width ist hier doch gar nicht nötig, wird druch den header definiert ;-)

 

[jimi77]

AW: div mit max-width kein background möglich

was meinst du mit 432px .. ich verstehe leider nicht ganz. kannst du es mir genauer erklären?

 

[cebito]

AW: div mit max-width kein background möglich

Du hast noch keinen Content drin, deshalb siehste nix. Wenn du noch ein min-width hinzufügst, so klein das es für die Kamera reicht, dann passt es. max-width heißt ja nur maximale Breite oder so breit wie es der Content braucht...

 

[jimi77]

AW: div mit max-width kein background möglich

ja das problem ist das unter die kamera dann eine überschrift kommen muss. und die ist nicht immer gleich lang. aber das layout soll nach möglichkeit immer gleich groß sein (außer das Browserfenster is kleiner, dann soll sich das layout etwas verkleinern.

 

[cebito]

AW: div mit max-width kein background möglich

Du brauchst die min-width aber trotzdem...



mach das mal so, und dann setz mal nen kleineren Wert ein... dann wird deine cam abgeschnitten.

 

[jimi77]

AW: div mit max-width kein background möglich

hmmm .. das problem war das ich min-width vor max-width geschrieben habe. danke!

 

[cebito]

AW: div mit max-width kein background möglich

hmmm .. das problem war das ich min-width vor max-width geschrieben habe. danke!

Dann hast du es falsch notiert, px-Angabe vergessen oder was weiß ich, ist egal, ob es davor oder dahinter steht.

 

[jimi77]

AW: div mit max-width kein background möglich

hmm .. jetzt wo du es sagst. es geht wirklich :s
dann war es anscheinend ein anderer fehler. naja jetzt funktioniert es jedenfalls .. danke nochmals!