Dazu gäbe es die Möglichkeit, in der template.css den Block ab Zeile 516 bis 523 zu löschen oder mit Kommentarzeichen zu versehen:
- Code: Alles auswählen
/*#headleft {
height : 159px;
width : 100%;
float : left;
background : url(../images/header_left.jpg) repeat-x;
margin : 0;
padding : 0;
}*/
Das gleiche mit dem Block ab Zeile 623 bis 629, also #headright.
Dann im Block von Zeile 512 bis 515 ein Margin einfügen:
- Code: Alles auswählen
.header {
width : 100%;
margin-top:159px;
position:relative;
}
Jetzt müssen aber die Positionen für weitere Dinge angepasst werden. Also alles was unter #headleft kommt. Zb. header h1..., #slo, #logo, .increase und so weiter. Also alles was absolut positioniert ist bis #headright. Da muss zumindest der Wert für top geändert werden. Es gehen auch negative Werte. Also mit Minus vorn dran.
Eine weitere und vielleicht bessere Möglichkeit ist folgendes:
Also auch #headleft und #headright kommentieren oder löschen und für .header nicht margin sonder so:
- Code: Alles auswählen
.header {
width : 100%;
height:159px;
position:relative;
background:transparent;
}
Dann ab Zeile 23 bis 29 bei #mainout den background ebenfalls auf transparent setzen.