#1 9. Dezember 2010 Zuletzt von einem Moderator bearbeitet: 14. April 2017 Aufbau der Elemente Hallo Leute, ich bin gerade dabei eine Homepage auf Grundlage eines Mediawikis zu gestalten. Leider sind meine Kentnisse in CSS noch nicht sehr ausgereift, vllt könnt ihr mir ja weiterhelfen... Im Anhang habe ich zwei Dateien. Datei "ELEMENT SOLL" zeigt den gewünschten Aufbau meiner Homepage. So sieht es auch aus, wenn ich den Browser maximiert geöffnet habe. Wenn ich den Browser (IE) allerdings verkleinere, dann rutschen die Elemente wie in "ELEMENT IST" zusammen, dabei ist ELEMENT C gar nicht mehr sichbar und ELEMENT B irgendwo hinter ELEMENT A. Wie kann ich das verhindern? Vielen Dank für eure Hilfe!! Viele Grüße Isabel Anhang: No File | www.xup.in (IST) No File | www.xup.in (SOLL) + Multi-Zitat Zitieren
#2 9. Dezember 2010 AW: Aufbau der Elemente [.net] steht nicht für Webprogrammierung sondern ist ein Microsoft Framework, zudem falscher Bereich versuchs mal unter Webdesign. Ansonsten versuchs mal mit "min-width" bezogen auf den body + Multi-Zitat Zitieren
#3 10. Dezember 2010 AW: Aufbau der Elemente Hi, zur Vervollständigung Also hier ist der CSS-Code von... A: #mw_portlets { width: 14em; margin-top: 10.5em; position: absolute; } B: #mw_content { margin: 0.6em 0 0 0; background-color: #EAECEB; border-top: solid 1px #EAECEB; border-left: solid 1px #EAECEB; border-bottom: solid 1px #EAECEB; line-height: 1.4em; padding: 0 1em 2em 1em; } C (Überschrift): #sidebar2 { color: #575855; font-size: 10pt; list-style-type: none; list-style: none; line-height: 19.5px; text-align: left; font-weight: none; margin: 2em 0 0 85em; } C (Unterpunkt): #sidebar2i { color: #575855; font-size: 11pt; list-style-type: none; list-style: none; line-height: 19.5px; text-align: left; font-weight: none; margin: 0em 0 0 78.5em; } Viele Grüße Shanai + Multi-Zitat Zitieren
#4 10. Dezember 2010 AW: Aufbau der Elemente Lade doch mal die .html Datei hoch bitte. Beim einbinden von Code-Schnippseln, benutze: [noparse][php]...[/php], [html]...[/html] und/oder [code]...[/code][/noparse]. Wenn ich das richtig verstehe, müsstest du einfach nur ein übergeordnetes Element erstellen, in dem sich Sidebar und Content befinden. Diesem gibst du per CSS eine Mindestbreite/-höhe. + Multi-Zitat Zitieren