CSS Position:fixed width – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self CSS Position:fixed width Thu, 29 Sep 16 09:15:57 Z https://forum.selfhtml.org/self/2016/sep/29/css-position-fixed-width/1676047#m1676047 https://forum.selfhtml.org/self/2016/sep/29/css-position-fixed-width/1676047#m1676047 <p>Hallo,</p> <p>habe folgendes Problem.</p> <p>Ich möchte, wenn der User scrollt, die Navigation am Bilschirmrand "FIXEN". Problem hier ist die Breite, denn bei width:100% nimmt er immer die Gesamt-Bildschirmbreite und nicht die Breite vom "Eltern-Element". Da die Breite vom Elternelement "flexibel" ist, kann ich hier auch keinen festen PX-Wert eintragen.</p> <p>Welche Möglichkeit habe ich hier?</p> CSS Position:fixed width Thu, 29 Sep 16 09:24:53 Z https://forum.selfhtml.org/self/2016/sep/29/css-position-fixed-width/1676048#m1676048 https://forum.selfhtml.org/self/2016/sep/29/css-position-fixed-width/1676048#m1676048 <p>Hi,</p> <blockquote> <p>Ich möchte, wenn der User scrollt, die Navigation am Bilschirmrand "FIXEN".</p> </blockquote> <p>bist du dir über die möglichen Nachteile, vor allem bei kleinen Bildschirmen, im Klaren?</p> <blockquote> <p>Problem hier ist die Breite, denn bei width:100% nimmt er ...</p> </blockquote> <p>Wer?</p> <blockquote> <p>immer die Gesamt-Bildschirmbreite und nicht die Breite vom "Eltern-Element".</p> </blockquote> <p>Richtig, das ist der Effekt von position:fixed. Das Element wird quasi aus dem Elementfluss und aus der DOM-Hierarchie herausgelöst, so dass es von seiner Umgebung nicht mehr beeinflusst wird (und umgekehrt auch nicht).</p> <blockquote> <p>Da die Breite vom Elternelement "flexibel" ist, kann ich hier auch keinen festen PX-Wert eintragen.</p> <p>Welche Möglichkeit habe ich hier?</p> </blockquote> <p>Worauf reagiert das Elternelement mit seiner flexiblen Breite? Geht das direkt oder indirekt auf die Fensterbreite zurück? Kannst du also die Breite des gefixten Elements relativ zur Fensterbreite ausdrücken?</p> <p>Sonst würde mir nur noch einfallen, mit Javascript nachzuhelfen.</p> <p>So long,<br>  Martin</p> <div class="signature">-- <br> Nothing travels faster than the speed of light with the possible exception of bad news, which obeys its own special laws.<br> - Douglas Adams, The Hitchhiker's Guide To The Galaxy </div> CSS Position:fixed width Thu, 29 Sep 16 09:48:37 Z https://forum.selfhtml.org/self/2016/sep/29/css-position-fixed-width/1676061#m1676061 https://forum.selfhtml.org/self/2016/sep/29/css-position-fixed-width/1676061#m1676061 <p>@@mixmastertobsi</p> <blockquote> <p>Ich möchte, wenn der User scrollt, die Navigation am Bilschirmrand "FIXEN".</p> </blockquote> <p>Was du möchtest, ist irrelevant. Was möchte der Nutzer? Deine Seiteninhalte lesen oder durch eine permanent im Sichtfeld befindliche Navigation davon abgelenkt werden?</p> <blockquote> <p>Problem hier ist die Breite, denn bei width:100% nimmt er immer die Gesamt-Bildschirmbreite und nicht die Breite vom "Eltern-Element".</p> </blockquote> <p>Du willst eine Navigation, die ständig sichtbar ist, aber nicht vollständig sichtbar ist? Bitte kläre den Widerspruch auf.</p> <blockquote> <p>Welche Möglichkeit habe ich hier?</p> </blockquote> <p>Mehrere:</p> <ol> <li>Überdenke das Konzept.</li> <li>Verlinke die problematische Seite.</li> </ol> <p>LLAP </p> <div class="signature">-- <br> <em>“I love to go to JS conferences to speak about how to avoid using JavaScript. Please learn CSS & HTML to reduce your JS code bloat.”</em> —Estelle Weyl </div>