Problem CSS, HTML

  • Hallo,


    ich arbeite gerade am Grundkonzept meines User Control Panels, aus reinem Interesse am lernen.


    Folgendes Problem stellt sich mir. Ich möchte gerne mein Design wie im Bild unten im Spoiler aufbauen, sprich in diesem "Container" alle relevanten Dinge und drum herum einfach ein Background.


    Sprich der Backround scheint an beiden Seiten, sowie oben und unten heraus.


    Mein HTML Code sieht derzeit wie folgt aus


    Sowie mein CSS Code:



    Leider funktioniert das ganze nicht so. Derzeitiges Resultat:


    Ich bitte um Hilfe! Zudem wollte ich gerne fragen, wie ich es realisiere, dass das ganze Design responsive ist.

  • Passt, vielen Dank. Code sieht jetzt so aus:



    Background scheint nun auch responsive zu sein. Wie mache ich das, dass sich der Container nicht in die Länge zieht, beim zoomen etc?

  • Du nutzt doch Bootstrap. Warum arbeitest du nicht damit:


  • Hab nochmal was anderes ausprobiert. Folgender Code:


    Code
    body 
    {
        background-color: red;
    }


    Seite bleibt leider weiß..

  • Der Body ist (sofern nicht anders angegeben) immer so groß wie sein Inhalt. Bei dir hat er keinen Inhalt, dementsprechend ist er auch 0px hoch. Er ist also rot, du kannst es nur nicht sehen.
    Wenn du willst das die ganze Seite rot ist solltest du lieber das Dokument selbst ansprechen:


    CSS
    html {
        background-color: red;
    }

    Alternative kannst du dem body eine Mindesthöhe geben, damit du zumindest den body siehst:

    CSS
    body {
        background-color: red;
        min-height: 400px;
    }



    @Mr.Shell red völlig in Ordnung in CSS, ändern auf Hex-Code würde das Problem nicht lösen. Und mit der Bitte dir das Privat zu schicken um "alles zu fixen" hilffst du weder @FamouZz_ dabei es zu lernen, noch anderen die vielleicht via Suchfunktion auf dieses Thema stoßen in der Hoffnung hier eine Lösung zu finden.

  • Danke das klappt schon mal. Nun zu einem erneuten Problem, dann denke ich, dass ich ein paar Dinge alleine schaffe.


    Ich wollte ein Logo platzieren, der Pfad ist richtig angegeben. Jedoch erscheint kein Logo.


    CSS Code:

    Code
    .top-logo
    {
    	background-image:url(../images/logo.png);
    }


  • hier mal Beispiel:


    CSS
    #leftlogo { float:left; width: 234px; height: 123px; margin-left: 20px; }
  • Beitrag von FamouZz_ ()

    Dieser Beitrag wurde vom Autor aus folgendem Grund gelöscht: fixxed ().
  • Beitrag von FamouZz_ ()

    Dieser Beitrag wurde vom Autor gelöscht ().
  • Background wird nicht angezeigt.. ansonsten ist die erste Seite fertig, sobald der Background da wäre..

    Code
    body
    {
    	background-image: url("images/idm_background.jpg");
        background-attachment: fixed;
        background-repeat: no-repeat;
    }

    @maddin

    Einmal editiert, zuletzt von FamouZz_ ()

  • Background wird nicht angezeigt.. ansonsten ist die erste Seite fertig, sobald der Background da wäre..

    Code
    body
    {
    	background-image: url("images/idm_background.jpg");
        background-attachment: fixed;
        background-repeat: no-repeat;
    }

    @maddin

    Hallo versuchs mal zum testen direkt über HTML:
    <body background="DEINBILDHIER">


    wenns geht dann gucken wa weiter.

  • Bringt auch nichts. Ebenfalls auch keine Fehler.


    Füge ich es beispielweise so im HTML Dokument ein, geht es.
    Will das aber gerne in CSS haben.

    Code
    <style>
            body 
            {
                background-image: url("images/loginbg.jpg");
                background-attachment: fixed;
                background-repeat: no-repeat;
            }  
    </style>

    Einmal editiert, zuletzt von FamouZz_ ()