Css Code Fehler

PStar · 10. März 2014

#userPanel {
background: url('../images/EmpireOfGaming/userPanel.png');
position: relative;
top: 360px;
height: 80px; <-----------------Sobald der Wert ins Spielt kommt, dann verschiebt sich der obere Teil vom Design. (Siehe Anhang)
}

.userPanelInner {
position: relative;
padding: 0px 15px 6px 15px;
width: 970px;
}

Edgar · 10. März 2014

Es wäre einfach eine Live-Ansicht zu haben. Dann könnte man genau sehen was los ist.
Bzw zeig mal wie es eigentlich aussehen sollte.

PStar · 10. März 2014

Ich bin gerade am Handy online, aber ich sag mal so wegen dem UserPanel verschiebt sich das komplett Design 80px nach unten, das ist das rot markierte im Bild. Sobald ich heigh: 80px weg mache passt der obere Teil vom Design, aber der Hintergrund vom UserPanel ist wieder am falschen Ort.

Edgar · 11. März 2014

Okay,
Live wäre es besser, versuch das mal:
...
top: 280px;
height: 80px;

PStar · 11. März 2014

Auch das habe ich schon versucht, haut nicht hin... nur das sich das UserPanel verschiebt.
Liegt es vielleicht daran:
#mainMenu {
margin-top: 50px
}

Edgar · 11. März 2014

Könnte möglich sein, einfach mal probieren.

Bobby · 11. März 2014

Bin nicht mehr ganz wach, also steinigt mich nicht für Fehler.
hast du es mal mit Float left probiert ? Kannst es dann ja immer noch richtig setzt.

[BE]axi92 · 11. März 2014

Gib uns bitte den Link kann kann man selbst rumprobieren und dir das Ergebnis schicken

Klemmlampe · 11. März 2014

Mal daran gedacht, dass es daran liegen könnte?

CSS

#mainMenu { 
  bottom: 260px; /* hier */
  position: relative;
}

PStar · 11. März 2014

Was ist denn falsch?

Wie gesagt wenn ich das wegmache height: 80px; dann gehts aber der Background vom UserPanel schiebt sich hoch.

Diverse · 11. März 2014

Hier mal eine Lösung für dich.

CSS

#headerContainer {
     margin-top: -50px!important;


}

Zitat von dead

bottom: 260px; /* hier */

Daran liegt es nicht.
Wenn es nicht da wäre, wäre es dann so:

PStar · 11. März 2014

Zitat von Rox97

#headerContainer {
margin-top: -50px!important;

}

Omg perfekt danke :O
Bekommst natürlich noch Daumen hoch von mir.

[BE]axi92 · 11. März 2014

Möchtest du es so wie hier?

PStar · 11. März 2014

Zitat von [BE]axi92

Möchtest du es so wie hier?

Schon ok.... hab es schon wie ich möchte danke

Klemmlampe · 11. März 2014

Zitat von Rox97

Daran liegt es nicht.

Doch, denn mit dem richtigen Abstand da, sparst du dir dein Gemurks mit negativem Margin und !important.

Diverse · 11. März 2014

Zitat von dead

Doch, denn mit dem richtigen Abstand da, sparst du dir dein Gemurks mit negativem Margin und !important.

CSS

bottom: 310px;
position: relative;

Wäre zwar der richtige Code, allerdings müsste man dann den Rest des Designs auch noch anpassen.

breadfish.de 12. März 2022