tag:forum.selfhtml.org,2005:/self verwirrung total – SELFHTML-Forum 2012-12-31T12:18:09Z https://forum.selfhtml.org/self/2012/dec/23/verwirrung-total/1566963#m1566963 torsten 2012-12-23T12:56:23Z 2012-12-23T12:56:23Z verwirrung total <p>moin mönners,</p> <p>leider hab ich mich in den letzten jahren ein wenig mit meinem css verrammelt und den überblick verloren, mein starres seitenlayout mit festgelegten breiten/ höhen des inhalts soll so beibehalten werden.</p> <p>das problem: wenn ich das browserfenster verkleinere verschiebt sich der seiteninhalt entsprechend der fensterbreite, das zentrale "div" hat eine feste breite und höhe, der hintergrund jedoch (noch) nicht, beim zusammen schieben des browserfensters verändert sich der rechte rand und wird plötzlich breiter, es gibt also eine abhängigkeit, die das bewirkt... ich finds aber ned! (-> f-wort!)</p> <p>ich würde eine mindestbreite des hintergrundes bevorzugen, wenn ich ein min-width einfüge erzeuge ich aber doppelte scrollbalken, und immernoch das ungewollte randverhalten, was irgendwie unschön ist...</p> <p>vielleicht hat ja irgendwer weihnachtslangeweile und kann mir helfen (?)</p> <p>hier der <a href="http://jungmann.net/my.alternate.css" rel="nofollow noopener noreferrer">Link zum css-file</a>. ich präsentiere hier mal das ganze css, weil ich nicht weiss ob der <code class="language-css">#container</code>, <code class="language-css">#hiddenswitch</code> (barcode link auf der linken seite), <code class="language-css">#hiddencopy</code> (barcodelink auf der rechten seite), das hilfs-div <code class="language-css">#top</code>, der <code class="language-css">#hintergrund</code> oder weiß der teufel was an dem dilemma schuld sind...</p> <p><a href="http://jungmann.net/start.html" rel="nofollow noopener noreferrer">Hier kann man die oben beschriebene verschieberei testen.</a></p> <p>die beiden barcode-links (*.jpg) sind in relation zum fenster positioniert und machen das, was sie sollen...</p> <p>in diesem sinne: hohohooo!</p> <p><a href="http://www.jungmann.net/start.blog.html#mumin" rel="nofollow noopener noreferrer">mfg</a> <a href="http://www.jungmann.to" rel="nofollow noopener noreferrer">torsten</a></p> <div class="signature">-- <br> Shakespeare sagt: To be or not to be / Sartre sagt: To be is to do / Camus sagt: To do is to be / Sinatra singt: Do be do be do </div> https://forum.selfhtml.org/self/2012/dec/23/verwirrung-total/1566964#m1566964 Matthias Apsel webmaster@billiger-im-urlaub.de http://alternativ-tankstelle.de 2012-12-23T13:43:55Z 2012-12-23T13:43:55Z verwirrung total <p>Om nah hoo pez nyeetz, torsten!</p> <p>abgesehen davon, dass das zentrierte Div nicht exakt in der Mitte zu sein scheint, kann ich dein beschriebenes Verhalten im FF17 nicht nachvollziehen.</p> <p>Matthias</p> <div class="signature">-- <br> 1/z ist kein Blatt Papier.<br> <img src="http://www.billiger-im-urlaub.de/kreis_sw.gif" alt="" loading="lazy"><br> </div> https://forum.selfhtml.org/self/2012/dec/23/verwirrung-total/1566965#m1566965 torsten 2012-12-23T16:31:46Z 2012-12-23T16:31:46Z verwirrung total <p>moinmoin Matthias,</p> <p>das ist korrekt, ich auch nicht mehr, kommt vom rumfummeln ;-)</p> <p>wie meinst du das mit "nicht in der mitte" wenn das browserfenster verkleinert wird hüpft mein container nach links... das stimmt. hab noch nicht rausgefunden wie ich das in den griff bekomme...</p> <p>der hintergrund mit dem text hat gerade mindestbreite verpasst bekommen, jetzt sind die zwei scrollbalken wieder da...</p> <p><a href="http://www.jungmann.net/start.blog.html#mumin" rel="nofollow noopener noreferrer">mfg</a> <a href="http://www.jungmann.to" rel="nofollow noopener noreferrer">torsten</a></p> <div class="signature">-- <br> Shakespeare sagt: To be or not to be / Sartre sagt: To be is to do / Camus sagt: To do is to be / Sinatra singt: Do be do be do </div> https://forum.selfhtml.org/self/2012/dec/23/verwirrung-total/1566966#m1566966 Matthias Apsel webmaster@billiger-im-urlaub.de http://alternativ-tankstelle.de 2012-12-23T17:18:32Z 2012-12-23T17:18:32Z verwirrung total <p>Om nah hoo pez nyeetz, torsten!</p> <blockquote> <p>der hintergrund mit dem text hat gerade mindestbreite verpasst bekommen, jetzt sind die zwei scrollbalken wieder da...</p> </blockquote> <p>Dagegen hilft <code class="language-css"><span class="token property">overflow</span><span class="token punctuation">:</span> hidden<span class="token punctuation">;</span></code></p> <p>Matthias</p> <div class="signature">-- <br> 1/z ist kein Blatt Papier.<br> <img src="http://www.billiger-im-urlaub.de/kreis_sw.gif" alt="" loading="lazy"><br> </div> https://forum.selfhtml.org/self/2012/dec/23/verwirrung-total/1566967#m1566967 torsten 2012-12-23T19:47:37Z 2012-12-23T19:47:37Z verwirrung total <p>moin Matthias,</p> <blockquote> <p>Dagegen hilft <code class="language-css"><span class="token property">overflow</span><span class="token punctuation">:</span> hidden<span class="token punctuation">;</span></code></p> </blockquote> <p>ich probier das morgen gleich mal aus... macht das nicht den overflow hidden?</p> <p>;-)</p> <blockquote> <p>Matthias</p> </blockquote> <p><a href="http://www.jungmann.net/start.blog.html#mumin" rel="nofollow noopener noreferrer">mfg</a> <a href="http://www.jungmann.to" rel="nofollow noopener noreferrer">torsten</a></p> <div class="signature">-- <br> Shakespeare sagt: To be or not to be / Sartre sagt: To be is to do / Camus sagt: To do is to be / Sinatra singt: Do be do be do </div> https://forum.selfhtml.org/self/2012/dec/23/verwirrung-total/1566968#m1566968 torsten 2012-12-29T12:34:17Z 2012-12-29T12:34:17Z verwirrung total <p>moin Matthias,</p> <p>da mir nix weiter einfällt werde ich wohl mit den scrollbalken-inferno leben müssen. die dinger haben schließlich den sinn scrollen zu können. mein layout ist eben sch...(ön?) eingeschränkt...</p> <p><a href="http://www.jungmann.net/start.blog.html" rel="nofollow noopener noreferrer">mfg</a> <a href="http://www.jungmann.to" rel="nofollow noopener noreferrer">torsten</a></p> <div class="signature">-- <br> Shakespeare sagt: To be or not to be / Sartre sagt: To be is to do / Camus sagt: To do is to be / Sinatra singt: Do be do be do </div> https://forum.selfhtml.org/self/2012/dec/23/verwirrung-total/1566969#m1566969 Matthias Apsel webmaster@billiger-im-urlaub.de http://alternativ-tankstelle.de 2012-12-29T13:07:55Z 2012-12-29T13:07:55Z verwirrung total <p>Om nah hoo pez nyeetz, torsten!</p> <blockquote> <p>da mir nix weiter einfällt werde ich wohl mit den scrollbalken-inferno leben müssen.</p> </blockquote> <p>Im FF sehe ich nur noch einen Scrollbalken rechts. Wenn der auch noch weg soll, gib dem div mit der id Hintergrund overflow: hidden. Wenn du die mindest-Abmessungen entsorgst, (die du nicht brauchst, weil ein div-Element per default über die gesamte Breite geht und du eine Höhe von 100% festgelegt hast) entstehen erst Scrollbalken, wenn das Container-div nicht mehr in den Anzeigebereich passt.</p> <pre><code class="block language-css"><span class="token selector">#hintergrund</span> <span class="token punctuation">{</span> height<span class="token punctuation">:</span> 100%<span class="token punctuation">;</span> overflow<span class="token punctuation">:</span> hidden<span class="token punctuation">;</span> position<span class="token punctuation">:</span> absolute<span class="token punctuation">;</span> top<span class="token punctuation">:</span> 0<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>Matthias</p> <div class="signature">-- <br> 1/z ist kein Blatt Papier.<br> <img src="http://www.billiger-im-urlaub.de/kreis_sw.gif" alt="" loading="lazy"><br> </div> https://forum.selfhtml.org/self/2012/dec/23/verwirrung-total/1566970#m1566970 torsten 2012-12-30T11:56:57Z 2012-12-30T11:56:57Z verwirrung total <p>moin Matthias,</p> <blockquote> <p>Im FF sehe ich nur noch einen Scrollbalken rechts. Wenn der auch noch weg soll, gib dem div mit der id Hintergrund overflow: hidden.</p> </blockquote> <p>entweder ich versteh null von dem was du mir da mitteilst oder du hast überlesen, dass ich das bereits gemacht habe, das overflow hidden sorgt dann dafür, dass der overflow hidden ist, und das soll er nicht... bei kleinerem browserfenster wird einfach alles abgeschnippelt.</p> <blockquote> <p>Wenn du die mindest-Abmessungen entsorgst, (die du nicht brauchst, weil ein div-Element per default über die gesamte Breite geht und du eine Höhe von 100% festgelegt hast)</p> </blockquote> <p>ähm, jein... prinzipiell korrekt aber die min breiten sollen dafür sorgen, dass die beiden barcode-links oben rechts und links auf der seite immer erreichbar bleiben, nehm ich die mindestbreite weg, verschwinden die beiden hübschen hinter dem container, jetzt könnte ich die teile mittels z-index nach vorn holen, aber vor dem container sollen die auch nicht "herumfliessen".</p> <blockquote> <p>entstehen erst Scrollbalken, wenn das Container-div nicht mehr in den Anzeigebereich passt.</p> </blockquote> <p>stimmt, aber siehe abschnitt "...sorgt dann dafür, dass der overflow hidden ist, und das soll er nicht..." man kommt nur an alle bilder, wenn die links im intergrund erscrollbar bleiben (für den fall, dass immer noch nicht alle menschen javascript benutzen, was inzwischen vermutlich eine antiquierte denke ist?)</p> <p>ich fürchte also mein anliegen nicht ausreichend beschrieben zu haben. kann man etwas scrollbar machen ohne scrollbalken zu erzeugen und das auch noch in allen browsern? wenn ich ehrlich bin, erschließt sich mir die logik meiner eigenen frage nicht (mehr)... es wär zwar witzig wenn's ginge aber es müsste dann auch universell funktionieren. auf ein rumbasteln mit javascript hab ich keinen bock, a-weil ich's nicht kann und b-weils vielleicht keinen sinn macht...</p> <p>ich hab das css mal entsprechend deiner empfehlung geändert... kannst ja mal schauen wenn dich die lange weile peinigt ;-)</p> <p><a href="http://www.jungmann.net/start.blog.html" rel="nofollow noopener noreferrer">mfg</a> <a href="http://www.jungmann.to" rel="nofollow noopener noreferrer">torsten</a></p> <div class="signature">-- <br> Shakespeare sagt: To be or not to be / Sartre sagt: To be is to do / Camus sagt: To do is to be / Sinatra singt: Do be do be do </div> https://forum.selfhtml.org/self/2012/dec/23/verwirrung-total/1566971#m1566971 Matthias Apsel webmaster@billiger-im-urlaub.de http://alternativ-tankstelle.de 2012-12-30T20:36:03Z 2012-12-30T20:36:03Z verwirrung total <p>Om nah hoo pez nyeetz, torsten!</p> <p>Ich dachte, der Container mit den Bilder wäre für dich das wichtigste. Mir war nicht klar, dass die Links im Hintergrund bleiben sollen.</p> <p>und scrollbar ohne srollbars geht nicht.[1] Woher soll man denn sonst wissen, dass da was zu scrollen ist? Wenn die Barcodes nicht hinter dem Container verschwinden sollen, setze eine entsprechende Mindestbreite.</p> <p>Ich habe das von mir gepostete CSS (vorher) ausprobiert. Es entspricht dem, wie ich die Seite gestalten würde.</p> <p>[1] vielleicht irgendwann mit <a href="http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Anzeige/overflow#overflow-style" rel="nofollow noopener noreferrer">overflow-style</a></p> <p>Matthias</p> <div class="signature">-- <br> 1/z ist kein Blatt Papier.<br> <img src="http://www.billiger-im-urlaub.de/kreis_sw.gif" alt="" loading="lazy"><br> </div> https://forum.selfhtml.org/self/2012/dec/23/verwirrung-total/1566972#m1566972 torsten 2012-12-31T12:18:09Z 2012-12-31T12:18:09Z verwirrung total <p>moin Matthias,</p> <p>danke, dass du nochmal reinschaust, dann kommt man sich nicht so einsam vor wie bei dem anderen posting, dass ich hier im forum laufen hab.</p> <blockquote> <p>Ich dachte, der Container mit den Bilder wäre für dich das wichtigste.</p> </blockquote> <p>isser auch!</p> <blockquote> <p>Mir war nicht klar, dass die Links im Hintergrund bleiben sollen.</p> </blockquote> <p>hab ich vermutet...</p> <blockquote> <p>und scrollbar ohne srollbars geht nicht.</p> </blockquote> <p>nja, die shadowbox kann das... <a href="http://jungmann.net/#kalbsbraten" rel="nofollow noopener noreferrer">folge dem link</a> und klick mal auf das thumbnailchen mit dem weißen rahmen. ist logischer weise javascript und funzt nicht im mobilen browser, aber hat schon was, das bild kann man mit der maus bewegen und der mauszeiger verändert sich zur greifhand, hübsch nä?</p> <blockquote> <p>Woher soll man denn sonst wissen, dass da was zu scrollen ist?</p> </blockquote> <p>ähm, greifhand? allerdings hätte mein oppa schwierigkeiten, das zu be-greifen, deswegen hab ich zu jedem greifbaren bild einen text getextet, der da lautet: "bild mit der maus bewegen!", das doofe ist, das lesen nicht intuitiv genug zu sein scheint...</p> <blockquote> <p>Wenn die Barcodes nicht hinter dem Container verschwinden sollen, setze eine entsprechende Mindestbreite.</p> </blockquote> <p>fertch!</p> <blockquote> <p>[1] vielleicht irgendwann mit <a href="http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Anzeige/overflow#overflow-style" rel="nofollow noopener noreferrer">overflow-style</a></p> </blockquote> <p>hört sich cool an, dauert aber wieder ewig bis jeder einen browser hat, der das versteht :(</p> <p>schönes restjahr noch</p> <p><a href="http://www.jungmann.net/start.blog.html" rel="nofollow noopener noreferrer">mfg</a> <a href="http://www.jungmann.to" rel="nofollow noopener noreferrer">torsten</a></p> <p>p.s.: und die moral aus der geschicht? nur weil mann's sich ausdenkst, funktioniert's noch nicht (<- kommt aus der rubrik "reim dich oder ich fress dich!")</p> <div class="signature">-- <br> Shakespeare sagt: To be or not to be / Sartre sagt: To be is to do / Camus sagt: To do is to be / Sinatra singt: Do be do be do </div>