Autor |
Nachricht |
father911
Threadersteller
Dabei seit: 01.10.2012
Ort: Berlin
Alter: 62
Geschlecht:
|
Verfasst So 30.06.2013 10:39
Titel CSS: <div>-Container enthält jpg, stretching und verkl |
|
|
Hallo aus Berlin!
Ich habe eine Seite erstellt, die im Wesentlichen drei <div>-Container enthält. Den Kopf (absolut positioniert und feste Größe), daran anschliessend dann den <div>-Container für den Content (relative Größe 70%) und darunter den <div>-Container für den Footer (relativ positioniert und relative Größe in .
Ziel ist es, daß die im Content-Container enthaltenen JPGs sich stets zu 70% der Bildschirmgröße skalieren.
Der Effekt ist derzeit DER, daß das GRÖSSERZOOMEN funktioniert, wenn der Bildschirm jedoch zu klein ist, werden die Bilder jedoch nicht verkleinert, bei der nativen Auflösung der jpgs (800px Höhe) ist Schluss.
Kennt jemand den Effekt ?
Auf Nachfrage gibts gern die CSS's der Definitionen der DIV's
Maico
|
|
|
|
|
zeji
Dabei seit: 05.10.2010
Ort: -
Alter: 18
Geschlecht:
|
Verfasst Di 02.07.2013 09:30
Titel
|
|
|
Stell die Höhe auf auto und eine max-width ein. Wenn feste Breiten vergeben werden (in css oder html) funktionierts eben nicht.
Code: | max-width: 70%;
height: auto; |
Zuletzt bearbeitet von zeji am Di 02.07.2013 09:31, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
father911
Threadersteller
Dabei seit: 01.10.2012
Ort: Berlin
Alter: 62
Geschlecht:
|
Verfasst Di 09.07.2013 18:20
Titel
|
|
|
zeji hat geschrieben: | Stell die Höhe auf auto und eine max-width ein. Wenn feste Breiten vergeben werden (in css oder html) funktionierts eben nicht.
Code: | max-width: 70%;
height: auto; |
|
ne - ganz so einfach ist es eben NICHT.
mittlerweile gibt sich ein anderes fehlerbild - jedoch NUR IM FF - alle anderen browser kommen mit meiner konstruktion zurecht.
das eingesetzte (nicht selbst erstellt - hinzugekauft) script ermöglicht es einen DIV-layer mit vielen bildern über einen script-eigenen scroller horizontal durch die anzeige zu schieben. das funktioniert - wie schon gesagt - ja ganz prima bei ALLEN BROWSERN AUSSER DEM FF. dort kann man zwar auch scrollen - aber die berechnung der länge des zu scrollenden DIV's geht irgendwie in die hose: wenn das ende des inhaltes des DIV's bereits erreicht ist, zeigt der drag erst auf ca. 50% der scroll-länge.
nach meinen recherchen müsste das mit irgendeinem interpretationsproblem des FF bei "offsetWidth" zu tun haben. dort scheint FF *NICHT* die wirkliche breite des DIVS zu errechnen, sondern addiert ganz simpel die breite aller elemente im DIV - was natürlich blödsinn ist.
ich hab den kram hier mal zusammengepackt und als rar abgelegt...siehe link unten.
war denn verständlich, was mein problem is ???
maico
link: http://liniendesign.de/upload/weinert_neu.rar
Zuletzt bearbeitet von father911 am Di 09.07.2013 18:31, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
DIV Container bei Mouseover über DIV Container anzeigen
DIV-Container soll anderen DIV-Container verdrängen
CSS: Container im Container Vertikal zentrieren
Variabler Div-Container bis zum mittigen Div-Container
Illustrator - SVG enthält die Grafikstile nicht
Bild das nur text enthält in Kurven umwandeln. geht das.
|
|