PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
CSS zentriertes Layout und trotzdem Scrollbalken
Beitrag
<blockquote data-quote="Gegenstrom" data-source="post: 1842558" data-attributes="member: 104314"><p><strong>AW: CSS zentriertes Layout und trotzdem Scrollbalken</strong></p><p></p><p>war ja gar nich so einfach, aber die lösung lag zum teil auf der hand, du gibst nem bild die id="feld" du hast also nen bild in den wrapper reingelegt und damit die ordnung zerstört, wenn du alles wegnimmst, jegliche verschiebungen deiner elemente, siehst du, dass dein content und co diese riesenlücke erschaffen <img src="/styles/default/xenforo/smilies/zwinker.gif" class="smilie" loading="lazy" alt=";)" title="Wink ;)" data-shortname=";)" /></p><p>nimm das bild raus</p><p>[HTML]</p><p><div id="wrapper"></p><p> <a href="smz_impressum.html" title="Impressum" id="impressum" alt"Impressum Button">Impressum</a></p><p>[/HTML]gib dem wrapper einfach den grauton in der css</p><p>[HTML]</p><p>#wrapper { </p><p> position:relative;</p><p> margin:120px auto;</p><p> width:976px; </p><p> height:550px;</p><p> background-color:#grautonfarbwert;</p><p>}</p><p>[/HTML]wenn du das ganze vertikal und horizontal zentrieren willst, dann nutzt dir das 120px margin absolut nichts <img src="/styles/default/xenforo/smilies/zwinker.gif" class="smilie" loading="lazy" alt=";)" title="Wink ;)" data-shortname=";)" /> da es sowohl oben als auch unten 120px außenrand erzeugt...</p><p>ansonsten schließ ich mich myhar an;</p><p>mybad - "Wenn du etwas innerhalb des wrappers ausrichten willst, solltest du dem Wrapper Position: relative zuweisen und die darin auszurichtenden Elemente absolut positionieren." das ist absoluter schwachsinn, in nem relative positionierten container, kann man sehr wohl relative positionieren ohne jede schwierigkeit, da brauch man keine absolute positionierung, besonders nicht wenn das ganze grad ma aus navi und content besteht... :hmpf:</p><p>das icon gehört in den head-bereich</p></blockquote><p></p>
[QUOTE="Gegenstrom, post: 1842558, member: 104314"] [b]AW: CSS zentriertes Layout und trotzdem Scrollbalken[/b] war ja gar nich so einfach, aber die lösung lag zum teil auf der hand, du gibst nem bild die id="feld" du hast also nen bild in den wrapper reingelegt und damit die ordnung zerstört, wenn du alles wegnimmst, jegliche verschiebungen deiner elemente, siehst du, dass dein content und co diese riesenlücke erschaffen ;) nimm das bild raus [HTML] <div id="wrapper"> <a href="smz_impressum.html" title="Impressum" id="impressum" alt"Impressum Button">Impressum</a> [/HTML]gib dem wrapper einfach den grauton in der css [HTML] #wrapper { position:relative; margin:120px auto; width:976px; height:550px; background-color:#grautonfarbwert; } [/HTML]wenn du das ganze vertikal und horizontal zentrieren willst, dann nutzt dir das 120px margin absolut nichts ;) da es sowohl oben als auch unten 120px außenrand erzeugt... ansonsten schließ ich mich myhar an; mybad - "Wenn du etwas innerhalb des wrappers ausrichten willst, solltest du dem Wrapper Position: relative zuweisen und die darin auszurichtenden Elemente absolut positionieren." das ist absoluter schwachsinn, in nem relative positionierten container, kann man sehr wohl relative positionieren ohne jede schwierigkeit, da brauch man keine absolute positionierung, besonders nicht wenn das ganze grad ma aus navi und content besteht... :hmpf: das icon gehört in den head-bereich [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
CSS zentriertes Layout und trotzdem Scrollbalken
Oben