Seite wird offline aufgebaut, leider kein link.
Ein paar Eckdaten der css:
Code:
@charset "UTF-8";
/* CSS Document */
html {
overflow-y: scroll;
}
body {
background-image: url("files/Bildermappe/hg69.png");
background-position: left top;
background-repeat: repeat;
color: #545454;
font: 87.5% 'Open Sans Condensed', sans-serif;
margin: 0;
padding: 0;
}
#wrapper {
width: 100%;
max-width: 1600px;
}
#header {
width: 100%;
height: 60px;
min-height: 60px;
max-width: 1600px;
position: fixed;
color: #666;
box-sizing: border-box;
z-index: 40;
padding: 0px;
}
#header-wrapper {
height:296px;
box-sizing:border-box;
}
#container {
width: 96%;
max-width: 1600px;
margin: 0 20px 20px;
box-sizing: border-box;
}
#left {
padding: 20px;
box-sizing: border-box;
}
#main {
padding: 10px 10px 10px 30px;
box-sizing: border-box;
}
also fixer header mit nav, dazu eigener Layoutbereich unterhalb mit großen Bild ("header-wrapper"), optimiert auch für wide screen.
Das funktioniert auch alles bestens, wenn ich im Seitenlayout 240 px als Breite für die linke Spalte eingebe. Nur, wenn ich dort als Breite z.B 400 oder 500px eingebe passiert folgendes: Bei Browserbreiten über ca 850px ist alles ok, ziehe ich das Fenster weiter klein, springt left herunter, aber main nicht nach links, es entsteht links eine leere Fläche, und "left" steht unten drunter. Erst wenn ich den Browser noch weiter zusammenziehe auf 768px springt alles wie gewünscht nach links.
Statisches layout ist aktiviert, Breite 100%. Angehakt sind der Layout Buider, CSS Reset und responsives Layout und die eigenes css Dateien.
Bin ja irgendwie neu bei Contao, im Dreamweaver ist das (für mich) einfacher. Hier blicke ich noch nicht so durch, insbesondere was an css von Haus aus festgelegt ist und was mein eigenes css überschreibt.
Thomas
Lesezeichen