Darstellungsunterschiede zwischen IE 6 und Firefox...
Hallo zusammen,
bin gerade dabei eine Homepage zu erstellen, hier könnt ihr euch davon ein Bild machen:
http://www.logopaedie-friedl.de/post/
Dabei treibt mich der IE in regelmäßigen Abstand in den wahnsinn, mit FF ist das Layout wunderbar und im IE verschiebt sich so manches um wenige pixel....
IE: 6.0.2900
FF: 2.0.0.3
Nun zu meinen konkreten Problemen:
1. Das Eselsohr rechts unten in der Ecke sollte möglichst bündig rechts angeordnet sein, sodass kein hintergrund durchblickt. Mit dem FF gelingt mir dies halbwegs, der IE lässt einen mehrere Pixel breiten Rahmen stehen!
2. Weiterhin soll die Impressum Angabe und das copyright unten bündig mit dem Ende der Webseite sein. Auch hier macht der IE (oder ich?!?) Fehler.
3. Die Menüleiste oben ist beim IE auch nach oben verschoben. FF zeigt sie weiter unten an..
Der "Inhalt" der Webseite befindet sich in einem IFrame der per Javscript dynamisch die höhe ändert.
Bitte zerfleischt mich nicht wegen dem altmodischen layout per div und css, kenn mich mit php etc. wenig aus....
Über andere Verbesserungsvorschläge würde ich mich natürlich auch freuen!
Wäre super wenn mir wer helfen könnte!
MfG Tobi
CSS:
/* CSS Document */
body {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
background-color:#faf2ca;
}
a:link {
text-decoration:underline;
color: #FFFFFF;
}
a:hover {text-decoration:none;}
a:visited {color: #FFFFFF}
.te_impressum{
font-size:10px;
color:#666666;
padding-left:400px;
}
.iframe {
width:80%;
position:absolute;
top:170px;
left:200px;
overflow:hidden;
}
.startseite_oben {
position:absolute;
top:0%;
left:0px;
z-index:10;
}
.startseite_links {
position:absolute;
top:170px;
left:0%;
width:166px;
height:391px;
}
.startseite_adresse {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-align:center;
/*Größen- und Positionsangaben*/
position:relative;
left:-8px;
top:150px;
width:140px;
z-index:30;
}
.startseite_menueleiste {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
/*Größen- und Positionsangaben*/
position:absolute;
left:200px;
top:110px;
width:700px;
height:25px;
z-index:11;
}
.startseite_sprachenwahl {
position:absolute;
top:0px;
left:820px;
z-index:12;
width:131px;
height:33px;
}
.startseite_ankunft {
background-image:url(../gfx/startseite_ankunft.png);
background-repeat:no-repeat;
background-position:0px 0px;
position:relative;
top:0px;
left:0px;
width:715px;
height:532px;
}
.startseite_schriftzug_post {
position:relative;
top:-515px;
left:160px;
width:51px;
height:25px;
}
.startseite_eselsohr {
position:absolute;
top:453px;
left:645px;
width:158px;
height:158px;
z-index:20;
}
bin gerade dabei eine Homepage zu erstellen, hier könnt ihr euch davon ein Bild machen:
http://www.logopaedie-friedl.de/post/
Dabei treibt mich der IE in regelmäßigen Abstand in den wahnsinn, mit FF ist das Layout wunderbar und im IE verschiebt sich so manches um wenige pixel....
IE: 6.0.2900
FF: 2.0.0.3
Nun zu meinen konkreten Problemen:
1. Das Eselsohr rechts unten in der Ecke sollte möglichst bündig rechts angeordnet sein, sodass kein hintergrund durchblickt. Mit dem FF gelingt mir dies halbwegs, der IE lässt einen mehrere Pixel breiten Rahmen stehen!
2. Weiterhin soll die Impressum Angabe und das copyright unten bündig mit dem Ende der Webseite sein. Auch hier macht der IE (oder ich?!?) Fehler.
3. Die Menüleiste oben ist beim IE auch nach oben verschoben. FF zeigt sie weiter unten an..
Der "Inhalt" der Webseite befindet sich in einem IFrame der per Javscript dynamisch die höhe ändert.
Bitte zerfleischt mich nicht wegen dem altmodischen layout per div und css, kenn mich mit php etc. wenig aus....
Über andere Verbesserungsvorschläge würde ich mich natürlich auch freuen!
Wäre super wenn mir wer helfen könnte!
MfG Tobi
CSS:
/* CSS Document */
body {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
background-color:#faf2ca;
}
a:link {
text-decoration:underline;
color: #FFFFFF;
}
a:hover {text-decoration:none;}
a:visited {color: #FFFFFF}
.te_impressum{
font-size:10px;
color:#666666;
padding-left:400px;
}
.iframe {
width:80%;
position:absolute;
top:170px;
left:200px;
overflow:hidden;
}
.startseite_oben {
position:absolute;
top:0%;
left:0px;
z-index:10;
}
.startseite_links {
position:absolute;
top:170px;
left:0%;
width:166px;
height:391px;
}
.startseite_adresse {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-align:center;
/*Größen- und Positionsangaben*/
position:relative;
left:-8px;
top:150px;
width:140px;
z-index:30;
}
.startseite_menueleiste {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
/*Größen- und Positionsangaben*/
position:absolute;
left:200px;
top:110px;
width:700px;
height:25px;
z-index:11;
}
.startseite_sprachenwahl {
position:absolute;
top:0px;
left:820px;
z-index:12;
width:131px;
height:33px;
}
.startseite_ankunft {
background-image:url(../gfx/startseite_ankunft.png);
background-repeat:no-repeat;
background-position:0px 0px;
position:relative;
top:0px;
left:0px;
width:715px;
height:532px;
}
.startseite_schriftzug_post {
position:relative;
top:-515px;
left:160px;
width:51px;
height:25px;
}
.startseite_eselsohr {
position:absolute;
top:453px;
left:645px;
width:158px;
height:158px;
z-index:20;
}
Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 68828
Url: https://administrator.de/contentid/68828
Ausgedruckt am: 08.11.2024 um 11:11 Uhr
7 Kommentare
Neuester Kommentar