Hello, die 850px kann ich rechnerisch nicht ganz nachvollziehen. Zumal die *)top_modern.html dann in den kleinsten Auflösungen inhaltsleer ist. Zumindest hier in der Version 3.2.1._b, die ich nun noch einmal in meine Testoberfläche geladen habe.
Geändert habe ich in deiner silver_xmas.css:
TEST, TEST - ohne Gewähr -
Code: Alles auswählen
.top_modern {
background: #464646;
padding: 10px 0;
border-top: 3px solid #333;
border-radius: 2px;
margin-top: 3px;
height: 45px;
border-radius: 2px;
background-image: none;
color: #F4F4F4;
font-weight: bold;
}
Code: Alles auswählen
h5 {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #C4C4C4;
margin-top: 14px;
font-size: 1.2em;
float: left;
}
Code: Alles auswählen
.search-header {
box-shadow: 0 0 10px #3C3C3C;
border-radius: 2px;
display: block;
float: right;
margin-right: 5px;
margin-top: 10px;
}
Müssten es 701px sein? Ich denke, ja. Nur hast du sowohl bei 850px oder 701px dann gar keinen Inhalt in den kleineren Auflösungen =>*)
- Small tablet portrait (600x800)
Mobile landscape (480x320)
Mobile portrait (320x480)
Oder vielleicht eher doch so: Mit Textausgabe der Seitenbeschreibung in den o.g. kleinen Auflösungen
Code: Alles auswählen
@media (max-width: 701px) {
h5 {
width: auto;
float: none;
text-align: center;
}
}
Die Search-Box "wandert" nun auch nicht mehr, wenn ich korrekt in den jeweiligen Auflösungen schaute.
Viele Grüße