Scrollbalken - warum?
bearbeitet von marctrixHej Linuchs,
> auf [dieser Seite](http://shanty-fsd.de/) wird ein horizontaler Scrollbalken erzeugt und ich habe nicht rausgefunden, warum.
Gib mal Deiner nav ein `overflow: auto` mit - dann verschwindet der untere Scrollbalken. du hast dann zwar einen anderen, aber ich denke, der wird dir beim Finden des Problems hilfreicher sein. ;-)
> Noch eine Merkwürdigkeit: Input-Feld und Button in der rechten Spalte sollten eigentlich gleich breit sein, bei mir (FF) ist der Button schmäler.
Dann gestalte die identisch.
Deine Fehlersuche wird durch das Gemisch von inline-Styles (böse) und Verwendung eines zentralen Stylesheets (gut) extrem erschwert.
Lösche mal alle inline-Styles und schreibe in Deine CSS-Datei:
~~~CSS
input[type="url"], button {
width: 100%; /* So breit wie das Elternelement */
box-sizing: border-box; /* padding und border werden NICHT zum Inhalt addiert */
border: 1px solid #008; /* an Deine Wünsche anpassen */
padding: .25em; /* an Deine Wünsche anpassen */
}
~~~
**Vergiss nicht, im HTML den Input-Type von `text` auf `url` zu ändern.**
Aber eigentlich müsste du die gesamte Seite so aufräumen. Anscheinend bist du dabei, da es ja bald eine neue Version geben soll?!?
Marc
Scrollbalken - warum?
bearbeitet von marctrixHej Linuchs,
> auf [dieser Seite](http://shanty-fsd.de/) wird ein horizontaler Scrollbalken erzeugt und ich habe nicht rausgefunden, warum.
Gib mal Deiner nav ein `overflow: auto` mit - dann verschwindet der untere Scrollbalken. du hast dann zwar einen anderen, aber ich denke, der wird dir beim Finden des Problems hilfreicher sein. ;-)
> Noch eine Merkwürdigkeit: Input-Feld und Button in der rechten Spalte sollten eigentlich gleich breit sein, bei mir (FF) ist der Button schmäler.
Dann gestalte die identisch.
Deine Fehlersuche wird durch das Gemisch von inline-Styles (böse) und Verwendung eines zentralenStylesheets (gut) extrem erschwert.
Lösche mal alle inline-Styles und schreibe in Deine CSS-Datei:
~~~CSS
input[type="url"], button {
width: 100%; /* So breit wie das Elternelement */
box-sizing: border-box; /* padding und border werden NICHT zum Inhalt addiert */
border: 1px solid #008; /* an Deine Wünsche anpassen */
padding: .25em; /* an Deine Wünsche anpassen */
}
~~~
**Vergiss nicht, im HTML den Input-Type von `text` auf `url` zu ändern.**
Aber eigentlich müsste du die gesamte Seite so aufräumen. Anscheinend bist du dabei, da es ja bald eine neue Version geben soll?!?
Marc
Scrollbalken - warum?
bearbeitet von marctrixHej Linuchs,
> auf [dieser Seite](http://shanty-fsd.de/) wird ein horizontaler Scrollbalken erzeugt und ich habe nicht rausgefunden, warum.
Gib mal Deiner nav ein `overflow: auto` mit - dann verschwindet der untere Scrollbalken. du hast dann zwar einen anderen, aber ich denke, der wird dir beim Finden des Problems hilfreicher sein. ;-)
> Noch eine Merkwürdigkeit: Input-Feld und Button in der rechten Spalte sollten eigentlich gleich breit sein, bei mir (FF) ist der Button schmäler.
Dann gestalte die identisch.
Deine Fehlersuche wird durch das Gemisch von inline-Styles (böse) und Verwendung eines zentralenStylesheets (gut) extrem erschwert.
Lösche mal alle inline-Styles und schreibe in Deine CSS-Datei:
~~~CSS
input[type="url"], button {
width: 100%; /* So breit wie das Elternelement */
box-sizing: border-box; /* padding und border werden NICHT zum Inhalt addiert */
border: 1px solid #008; /* an Deine Wünsche anpassen */
padding: .25em; /* an Deine Wünsche anpassen */
}
~~~
**Vergiss nicht, im HTML den Input-Type von text auf url zu ändern.**
Aber eigentlich müsste du die gesamte Seite so aufräumen. Anscheinend bist du dabei, da es ja bald eine neue Version geben soll?!?
Marc
Scrollbalken - warum?
bearbeitet von marctrixHej Linuchs,
> auf [dieser Seite](http://shanty-fsd.de/) wird ein horizontaler Scrollbalken erzeugt und ich habe nicht rausgefunden, warum.
Gib mal Deiner nav ein `overflow: auto` mit - dann verschwindet der untere Scrollbalken. du hast dann zwar einen anderen, aber ich denke, der wird dir beim Finden des Problems hilfreicher sein. ;-)
> Noch eine Merkwürdigkeit: Input-Feld und Button in der rechten Spalte sollten eigentlich gleich breit sein, bei mir (FF) ist der Button schmäler.
Dann gestalte die identisch.
Deine Fehlersuche wird durch das Gemisch von inline-Styles (böse) und Verwendung eines zentralenStylesheets (gut) extrem erschwert.
Lösche mal alle inline-Styles und schreibe in Deine CSS-Datei:
~~~CSS
input[type="url"], button {
width: 100%; /* So breit wie das Elternelement */
box-sizing: border-box; /* padding und border werden NICHT zum Inhalt addiert */
border: 1px solid #008; /* an Deine Wünsche anpassen */
padding: .25em; /* an Deine Wünsche anpassen */
}
~~~
Vergiss nicht, im HTML den Input-Type von text auf url zu ändern.
Aber eigentlich müsste du die gesamte Seite so aufräumen. Anscheinend bist du dabei, da es ja bald eine neue Version geben soll?!?
Marc
Scrollbalken - warum?
bearbeitet von marctrixHej Linuchs,
> auf [dieser Seite](http://shanty-fsd.de/) wird ein horizontaler Scrollbalken erzeugt und ich habe nicht rausgefunden, warum.
Gib mal Deiner nav ein `overflow: auto` mit - dann verschwindet der untere Scrollbalken. du hast dann zwar einen anderen, aber ich denke, der wird dir beim Finden des Problems hilfreicher sein. ;-)
> Noch eine Merkwürdigkeit: Input-Feld und Button in der rechten Spalte sollten eigentlich gleich breit sein, bei mir (FF) ist der Button schmäler.
Dann gestalte die identisch.
Deine Fehlersuche wird durch das Gemisch von inline-Styles (böse) und Verwendung eines zentralenStylesheets (gut) extrem erschwert.
Lösche mal alle inline-Styles und schreibe in Deine CSS-Datei:
~~~CSS
input[type="url"], button {
width: 100%;
box-sizing: border-box;
border: 1px solid #008;
padding: .25em;
}
~~~
Vergiss nicht, im HTML den Input-Type von text auf url zu ändern.
Aber eigentlich müsste du die gesamte Seite so aufräumen. Anscheinend bist du dabei, da es ja bald eine neue Version geben soll?!?
Marc