✔ Responsive Design Frage

[soezkan]

Hallo Forum,

für meine Website programmiere nun auch ein responsive Design.

Was ich nicht verstehe, ist wenn man das Fenster minimiert auf die kleinste Breite,
immer unten ein Scrollbalken sichtbar ist, obwohl ich die Breite für den Content auf
280px gesetzt habe.
Auch im iPhone ist das Problem da, denn es wird nach rechts nochmal Platz hinzugefügt.

Ich verstehe nicht, wo ich eine zwingende Größe festlegen kann, so das alles 280px
breit wird.

Das ist meine Seite: http://www.meineseite.com
Das meine CSS für das responsive Design (ist noch im Entstehen):
http://meineseite.com/css/responsive.css

Danke für Hilfe.

Liebe Grüße
Soezkan

 

[SpiceLab]

Was ich nicht verstehe, ist wenn man das Fenster minimiert auf die kleinste Breite,
immer unten ein Scrollbalken sichtbar ist, obwohl ich die Breite für den Content auf
280px gesetzt habe.

Offensichtlich hast du die padding-Regel nicht berücksichtigt, die gemäß dem Boxmodell zur Breite hinzuaddiert wird - in der Summe ergibt das "330px".

#Inhalt {
width: 280px;
padding: 20px 20px 20px 30px;
margin: 0;
}

 

[soezkan]

Danke! Das war des Rätsels Lösung.