Ankündigung

Einklappen
Keine Ankündigung bisher.

DIV Container Darstellungsproblem

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • DIV Container Darstellungsproblem

    Hey!


    Ich möchte ein Profil für die User meiner Seite Designen hab jedoch gerade ein paar Darstellungsprobleme.

    PHP-Code:
                    $html $html"<div id='main'>";
                    
                    
    $html $html"<div class='userprofile'>";
                    
                    
    $html $html"<div class='userprofile_head'>";
                    
    $html $html"<div class='userprofile_head_ppic'>
                        <div class='userprofile_head_ppic_pic'></div>
                        <div class='userprofile_head_name'>
    $userName</div>
                    </div>"
    // userprofile_head
                    
                    
    $html $html"<div class='userprofile_menue'>
                    MENÜ
                    </div>"
    // userprofile_menue
                    
                    
    $html $html"</div>"//userprofile_head
                    
                    
    $html $html"</div>"//userprofile
                    
                    
                    
    $html $html"</div>"//main 

    Und hier der CSS Code dazu:

    Code:
    #main {
    position:absolute;
    top:29px;
    left:260px;
    right:260px;
    height:1400px;
    /* background-color:rgba(255,255,255,0.3); */
    z-index:9;
    /* border:1px solid rgba(0,0,0,0.2); */
    border-top:0;
    padding-top:0px;
    }
    
    .userprofile {
    width:97%;
    margin-left:auto;
    margin-right:auto;
    background-color:white;
    border:1px solid rgba(0,0,0,0.2);
    box-shadow:1px 1px 4px 0 rgba(0, 0, 0, 0.2);  
    }
    
    .userprofile_head {
    width:100%;
    height:200px;
    border-bottom:1px solid rgba(0, 0, 0, 0.2);
    clear:both;
    position:relative;
    }
    
    .userprofile_head_ppic {
    position:absolute;
    width:160px;
    height:160px;
    background-color:rgba(0,0,0,0.2);
    border-radius:3px;  
    padding-top:5px;
    padding-left:5px;
    margin-top:30px;
    margin-left:15px;
    }
    
    .userprofile_head_ppic_pic {
    width:150px;
    height:150px;
    background-color:white;
    border-radius:1px;
    }
    
    .userprofile_head_name {
    position:absolute;
    margin-top:-30px;
    margin-left:180px;
    width:300px;
    font-size:26px;
    color:white;
    text-shadow:0px 0px 3px rgba(0, 0, 0, 1.0);
    }
    
    .userprofile_menue {
    position:relative;
    width:100%;
    height:30px;
    border-bottom:1px solid rgba(0, 0, 0, 0.2);
    }


    Das Problem sieht jetzt wie folgt aus: Das "Menü" (userprofile_menue) steht im Header wo eigentlich nur das Profilbild und der Name sein sollten. Ich hatte noch nie ein derartiges Problem daher weiß ich jetzt auch nicht wirklich was man dagegen machen kann oder ob es alternative Lösungsmöglichkeiten gibt.

    Danke im Voraus!

  • #2
    Hier noch ein Screenshot vom falschen Ergebnis

    Kommentar


    • #3
      Mist!
      Hab den Fehler gefunden: Im PHP Code wird das Menü noch im Header div gebaut.


      Sorry für den Miesen Post, hab vorhin schon ne ganz schöne Weile gesucht und keine Fehler gefunden und kaum stehts im Forum fällts mir gleich auf

      Kommentar


      • #4
        Solange sich dynamisch nichts tut, musst Du nicht für jede Zeile eine Anweisung in dieser Art schreiben:
        PHP-Code:
         $html $html"<div id='main'>"
        Ansonsten schreibt man besser:

        PHP-Code:
         $html .= "<div id='main'>"
        [B]Es ist schon alles gesagt. Nur noch nicht von allen.[/B]

        Kommentar


        • #5
          Oh danke nimmt mir ganz schön Arbeit ab

          Kommentar


          • #6
            ansonsten einfach <div's und </div's zählen ^^ ... <div gibt +1, </div dann -1 ... dann siehst du schon selbst, dass du ab "... </div> // userprofile " ins negative abdriftest ^^
            "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste [IMG]http://www.php.de/core/images/smilies/icon_lol.gif[/IMG]

            Kommentar


            • #7
              Zitat von eagle275 Beitrag anzeigen
              ansonsten einfach <div's und </div's zählen ^^ ... <div gibt +1, </div dann -1 ... dann siehst du schon selbst, dass du ab "... </div> // userprofile " ins negative abdriftest ^^
              hab ich´s auf den Augen? seh nichts negatives

              Kommentar


              • #8
                kaminbausatz .. der Threadersteller hat seinen Fehler im Anfangspost korrigiert mittlerweile
                "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste [IMG]http://www.php.de/core/images/smilies/icon_lol.gif[/IMG]

                Kommentar

                Lädt...
                X