Hey!
Ich möchte ein Profil für die User meiner Seite Designen hab jedoch gerade ein paar Darstellungsprobleme.
Und hier der CSS Code dazu:
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!
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!
Kommentar