Als erstes würd ich mal sagen, das du Cross-Browser etwas günstiger coden musst, dann wird auch alles einfacher und besser zu steuern.
Ich möchte jetzt deinen Style nicht von Grund auf ändern, das ist mir zuviel Arbeit.
Jedoch musst Du zuerst mal die Grundausrichtung für die Positionierung beeinflussen:
|
Quellcode
|
1
2
3
4
5
|
#page {
position:relative;
width:803px;
margin: auto;
margin-top:0px;}
|
Dann schau Dir mal beim IE7 das Hintergrundbild beim Menu (Unterseite wo der Motoradreifen zu sehen ist) an - das liegt doppelt untereinander und rechts ist ein Rand zu sehen - das liegt daran, das das Bild wiederholt wird und du die falsche Breite angegeben hast - ausserdem würde das min-height einen Abstand erzeugen - also ändern:
|
Quellcode
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
#menu {
width:801px;
height:47px;
text-align:center;
vertical-text-align:baseline;
color: #676666;
font-family: verdana;
font-size: 7pt;
text-decoration: none;
letter-spacing: 3px;
word-spacing: 5px;
line-height:21px;
background: #000000 url(backgrou.jpg); background-repeat:no-repeat;
display: table-cell;
vertical-align: middle;
margin-top:0px;
border-left: 1px solid #484644;
border-right: 1px solid #484644;
}
|
Und zu guter letzt jetzt noch deine Sponsorenleiste - die muss anders positioniert werden, so wie du gearbeitet hast (die Vorrausetzung haben wir mit der #page weiter oben geschaffen) muss das anders gelöst werden:
|
Quellcode
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
#sponsoren
{
position:absolute; top:355px; left:643px;
width:160px;
height:500px;
float:none;
vertical-align:top;
color:transparent;
line-height:50px;
font-family:verdana;
color:#bc4d00;
font-size:8pt;
font-weight:bold;
letter-spacing:1px;
overflow:auto;
}
|
Nun ist dürfte nur noch ein kleiner Unterschied beim IE7 zum oberen Abstand zu sehen sein und sonst nix mehr. Dieser lässt sich notfalls mit einem kleinen Hack in dem Codeabschnitt beheben.
Das müsste alles so funzen in FF, IE und Opera - Mac und Safari musst du probieren - kann ich eh nicht testen.
Und du musst noch deine Formatierung für die Schriften von oben nach unten angleichen - schau dir mal die Größe der Überschriften in FF und im IE an.
Viele Grüße
Ernst