CSS Layout klappt nicht :(

Diskutiere mit über: CSS Layout klappt nicht :( im Web Page Design Forum

  1. Mauki

    Mauki Thread Starter MacUser Mitglied

    Beiträge:
    14.739
    Zustimmungen:
    138
    Registriert seit:
    24.07.2002
    Ich bastel gerade mal wieder an einem Layout und brauche ein wenig Hilfe.

    Ich habe den Code von einer CSS Seite und habe noch ein paar Boxen dazu gemacht. Die Farben dienen vorerst mal der Übersicht der einzelnen Bereiche. Da ich in CSS nicht so fit bin, habe ich ein paar Fragen dazu. Am besten stell ich die Fragen der Reihe nach und getrennt, dann ist es für mich einfacher zum umsetzten.

    1) Wie bekomme ich Box 4 und 5 nebeneinander ?
    2) Wie bekomme ich alles auf ne feste Breit von 970px, bis jetzt haben die im Code ne unterschiedliche Breite, sind zum Teil aber trotzdem gleichbreit
    3) Wie schaffe ich das es die Boxen direkt am Linken Rand anfangen, -8 ist ja wohl nicht korrekt oder ?
    4) was ist am CSS Code noch überflüssig und kann raus ?

    Die Seite liegt unter http://www.markus-burkhardt.de/zeitlos
     
    Zuletzt von einem Moderator bearbeitet: 25.10.2015
  2. TobDeh

    TobDeh unregistriert

    Beiträge:
    62
    Zustimmungen:
    0
    Registriert seit:
    13.02.2004
    Moin!

    hab nicht viel Zeit, hoffe aber es hilft trotzdem.:

    bei box4 float:left hinzufügen

    was meinst du damit? eigentlich müsste width: 970px reichen.

    setz in die css-datei: html {margin: 0px 0px 0px; padding: 0px 0px 0px 0px}
    und hau die -8px raus

    Hth & Gruß,
    Tobias
     
  3. Arclite

    Arclite MacUser Mitglied

    Beiträge:
    812
    Zustimmungen:
    0
    Registriert seit:
    04.12.2003
    da reicht

    html {
    margin: 0px;
    padding: 0px;
    }

    bg
    arc
     
  4. TobDeh

    TobDeh unregistriert

    Beiträge:
    62
    Zustimmungen:
    0
    Registriert seit:
    13.02.2004
    Ja klar, wollte damit nur verdeutlichen, daß man eben auch für den body die margins an allen Seiten individuell anpassen kann. Aber wir sind hier ja auch nicht beim 5k-wettbewerb.
    Ausserdem hab ich bei margin ein 0px vergessen. Nur der Vollständigkeit halber.

    Gruß,
    Tobias
     
  5. Arclite

    Arclite MacUser Mitglied

    Beiträge:
    812
    Zustimmungen:
    0
    Registriert seit:
    04.12.2003
    Klar, is ja auch gut, nur ich versuch codes immer so kurz wie möglich zu halten.
    ;)

    bg
    arc
     
  6. Mauki

    Mauki Thread Starter MacUser Mitglied

    Beiträge:
    14.739
    Zustimmungen:
    138
    Registriert seit:
    24.07.2002
    so ich habe mal die Änderungen durchgeführt. Ich habe

    html {
    margin: 0px;
    padding: 0px;
    }

    eingefügt. Bei Box 4 und 5 habe ich das Padding drin gelassen, da ja dort Text drin ist. Ist das so ok ?

    Das float:left ist drin, bringt aber kein Ergebniss ?
     
  7. calinux

    calinux MacUser Mitglied

    Beiträge:
    64
    Zustimmungen:
    0
    Registriert seit:
    28.09.2004
    Moin moin!

    Wie es aussieht, möchtest Du das Design Deiner Seite komplett selbst in CSS entwerfen.. was ich sehr gut finde! Endlich mal wieder jemand, der ein bisschen Wert auf Trennung von Inhalt und Aussehen legt...
    Aber dazu solltest Du Dich in CSS und HTML einigermaßen auskennen..
    Daher empfehle ich hiermit einfach mal http://de.selfhtml.org - falls Du es noch nicht kennst :) - und durch probieren lernt man wirklich wahnsinnig viel :)

    ich wünsche Dir noch nen schönen Tag!

    calinux

    Ach ja: lass hören, wenn die Seite ferig is! ;)
     
  8. mec

    mec MacUser Mitglied

    Beiträge:
    384
    Zustimmungen:
    1
    Registriert seit:
    17.12.2003
    1. Ja, ist ok so.
    2. Setz mal in beide divs ein float rein. Eine sehr gute Anleitung zur Positionierung findest du unter http://home.arcor.de/terrikay/tutorials/positionierung.html
     
  9. Mauki

    Mauki Thread Starter MacUser Mitglied

    Beiträge:
    14.739
    Zustimmungen:
    138
    Registriert seit:
    24.07.2002
    @calinux
    ich kenne SelfHTMl seit Jahren, nur sind meinen Kenntnisse etwas verstaubt

    @mec
    Der Link ist interessant, aber irgendwie passt das mit den floats nicht. Ich habe für Box 5 float:none angegen aber passt immer noch nicht. Wer weiß wie ich die Boxen nebeneinader bekomme ?
     
  10. Mauki

    Mauki Thread Starter MacUser Mitglied

    Beiträge:
    14.739
    Zustimmungen:
    138
    Registriert seit:
    24.07.2002
    so hab noch ein wenig rumgebastelt und nun passt das mit Box 4 und 5. Nun passt aber das mit der Breite noch nicht ganz.

    Wer weiß da noch Rat ?

    Achja, wer das Stylesheet noch nicht gefunden hat, es ist unter http://www.markus-burkhardt.de/zeitlos/css/stylesheet.css
     
    Zuletzt von einem Moderator bearbeitet: 25.10.2015
Die Seite wird geladen...
Ähnliche Themen - CSS Layout klappt Forum Datum
Homepage CSS-Layout Web Page Design 13.01.2014
CSS: Dreispaltiges Layout - Inhaltsbereiche Web Page Design 08.10.2008
Ist dieses Layout mit css möglich?? Web Page Design 14.05.2008
css layout Web Page Design 21.11.2007
CSS Frage betreffend Höhe Layout Web Page Design 13.10.2007

Diese Seite empfehlen

Benutzerdefinierte Suche