Ich habe folgendes Zahlungsdesign im 3. Bestellschritt
![]()
Nun habe ich ein neues Zahlungsmittel installiert, welches mittels Modul installiert wurde. Dieses verursacht mit meiner am Bild oben ersichtlichen Design einige unerwünschte Nebenwirkungen, was daran liegt, dass ich nicht sauber bei der CSS-Gestaltung und -Positionierung gearbeitet habe-
Hauptproblem ist, dass bei der Auswahl des Zahlungsmittels darunter ein Fenster erscheint. Dieses Fenster überlappt jedoch die anderen Punkte, was daran liegt, dass ich die Punkte absolut positioniert habe, wie man hier sieht:
div.hiO3Payment:nth-child(7){
margin-top: -132px;
margin-left: 340px;
float:left;
position:absolute;
}
Das lag daran, dass ich damals keine andere Lösung gefunden habe. Ich frage mich jetzt, wie ich das am besten umbaue, damit sich die Inhalte relativ verschieben.
Wie programmiert man für so etwas eine saubere Lösung mit CSS?
Nun habe ich ein neues Zahlungsmittel installiert, welches mittels Modul installiert wurde. Dieses verursacht mit meiner am Bild oben ersichtlichen Design einige unerwünschte Nebenwirkungen, was daran liegt, dass ich nicht sauber bei der CSS-Gestaltung und -Positionierung gearbeitet habe-
Hauptproblem ist, dass bei der Auswahl des Zahlungsmittels darunter ein Fenster erscheint. Dieses Fenster überlappt jedoch die anderen Punkte, was daran liegt, dass ich die Punkte absolut positioniert habe, wie man hier sieht:
div.hiO3Payment:nth-child(7){
margin-top: -132px;
margin-left: 340px;
float:left;
position:absolute;
}
Das lag daran, dass ich damals keine andere Lösung gefunden habe. Ich frage mich jetzt, wie ich das am besten umbaue, damit sich die Inhalte relativ verschieben.
Wie programmiert man für so etwas eine saubere Lösung mit CSS?