ich habe mich nach längerem dieses Wochenende dazu entschlossen meine HP nach 4 Jahren von den alten Frames zu befreien.
Ich möchte allerdings auch beim Neuen ein festes Layout mit fixer Größe beibehalten. Mein Problem das ich bei der Umsetzung von alt auf neu allerdings habe ist, dass der IE im Gegensatz zum Firefox die Pixelangaben irgendwie komplett anderst anzeigt und somit eine genaue Einteilung mit gleichen Abständen für beide Browser mir bisher nahezu unmöglich erscheint.
Ein weiteres Problem ist, dass ich die Seite jetzt für den IE in der groben Struktur fertig hätte, der Firefox mir wiederrum etwas ganz anderes anzeigt und zwei Boxen komplett ineinander laufen läßt, obwohl sie im IE schön getrennt sind.
Vielleicht kann mir ja jemand des Rätsels Lösung verraten wo sich mein Fehler versteckt ich bin über jede Hilfe dankbar.
Hier ein Bild wie es sein sollte und vom IE angezeigt wird
und so zeigt es der Firefox an
Der Code sieht wie folgt aus:
<style type="text/css">
body {
color: black; background-color: #516582;
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
margin: 0px; padding: 0;
text-align: center; /* Zentrierung im Internet Explorer */
}
div#Seite {
text-align: left; /* Seiteninhalt wieder links ausrichten */
margin: 30px auto ;
width: 950px;
height: 735px;
padding: 18px;
overflow: hidden;
border: 5px ridge silver;
}
html>body div#Seite {
border-color: gray; /* Farbangleichung an den Internet Explorer */
}
h1 {
height: 32px;
font-size: 24px;
margin: 0px 0px 10px; padding: 0px;
text-align: center;
background-color: #fed;
border: 2px ridge silver;
}
html>body h1 {
border-color: gray; /* Farbangleichung an den Internet Explorer */
}
ul#Navigation {
font-size: 0.83em;
float: left; width: 190px; height:620px;
margin: 0 10px 10px 0px; padding: 0;
overflow: auto;
border: 1px dashed silver;
}
div#Info {
font-size: 0.9em;
float: right; width: 150px; height: 620px;
margin: 0 0px 10px 10px; padding: 0;
overflow: auto;
background-color: #eee; border: 1px dashed silver;
}
div#Inhalt {
height: 620px;
background-image: url(bilder/test.jpg);
margin: 0 10px 0 10px;
padding: 0;
border: 1px dashed silver;
}
div#Fusszeile {
clear: both;
height: 14px;
background-color: red; border: 1px solid silver;