Unterschiedliche Darstellung zwischen Internet Explorer und Mozilla
(12 posts) (2 voices)-
Hallo,
meine Testsseite Click me wird in Mozialla so dargestellt wie es sein soll. Ich hatte die Seite auch unter Mozialla aufgebaut.
Unterm MS Internet Explorer ist die Seite irgendwie Größer und man muss mit den Balken rollen. Auch das Logo oben hat links und rechts mehr Abstand bis zum Seitenrand. Auch die Ränder im Menü sind größer. Der Text in den Seiten wird rechts bei Mozilla früher umgebrochen als bei MS.
Ich würde das gerne gleich haben.
Woher kommt das? und wie kann ich die Größe grundsätzlich einstellen.
Das Layout ist eccgroup und nur geringfügig von mir abgeändert.
Danke schon mal wenn jemand helfen kann.
Gruß
Hermannvor 5 years veröffentlicht # -
Hallo,
schau die mal die padding: Formatierungen im CSS an, ich denke der IE wendet diese versehendlich nicht nur auf die formatierten Tebellenzellen, sondern auch auf die Tebellenzellen an, die innerhalb der formatierten liegen.
Wenn Du versuchst dieses anders zu läsen als mit Padding, dann sollte das Problem behoben sein.
Wenn Du dich ein paar Tage gedulden kannst, dann bau ich Dir gerne Dein Template um.
Gruß Daniel
vor 5 years veröffentlicht # -
Hallo Daniel,
ja wäre Klasse wenn Du mein Template etwas umbauen könntest. Ich hab leider von CSS noch nicht so den Plan. Hab zwar schon gelesen, auch html aber....*g*
"Wenn Du dich ein paar Tage gedulden kannst, dann bau ich Dir gerne Dein Template um."
Klar, ich habe genug Zeit. Die Page ist noch im Test.
Dank Dir!
Hier mein CSS. Brauchst Du auch die Index.php?
body,td,th {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #666688;
}
body {
background-color: #003366;
background-image: url(images/background.jpg);
background-repeat: repeat-x;
margin: 10px;
}
a:link, a:visited, a:active {
color: #003366;
text-decoration: none;
}
a:hover {
color: #336699;
text-decoration: none;
}
hr {
margin: 15px 0px 15px 0px;
color: #003366;
height: 1px;
width: 100%;
}
h1 {
font-size: 18px;
color: #003366;
margin: 5px 0px 5px 0px;
}
h2 {
font-size: 15px;
color: #336699;
margin: 15px 0px 5px 0px;
}
form {
margin: 0;
}
.menu {
vertical-align: top;
width: 170px;
padding: 0px;
}
.menu ul, .menu li{
list-style-type: none;
margin: 0;
padding: 0;
}
.menu ul {
border-bottom: 0px;
background-color: #003366;
}
.menu ul ul {
padding-left: 10px;
}
.menu a:link, .menu a:visited, .menu a:active {
padding: 4px 10px 4px 10px;
color: #FFFFFF;
display: block;
background-color: #003366;
text-decoration: none;
}
.menu a:hover {
background-color: #336699;
text-decoration: none;
}
.menu_current {
font-weight: bold;
}
.border {
font-size: 1px;
height: 10px;
}
.login {
padding: 2px 10px 2px 10px;
font-size: 10px;
background-color: #003366;
color: #FFFFFF;
text-align: center;
}
.login input {
width: 95%;
font-size: 10px;
}
.login a:link, .login a:visited, .login a:active {
color: #DDDDDD;
text-decoration: none;
}
.login a:hover {
color: #FFFFFF;
text-decoration: none;
}
.powered_by {
padding: 3px 0px 0px 15px;
background-color: #F0F8FF;
}
.content {
padding: 10px;
background-color: #F0F8FF;
height: 300px;
vertical-align: top;
text-align: left;
}
.footer {
padding: 5px;
height: 20px;
color: #FFFFFF;
vertical-align: middle;
text-align: center;
}
Gruß
Hermann
vor 5 years veröffentlicht # -
Hi,
nur die index.php.
an die CSS komme ich auch so:
http://www.ehff.raith.ws/templates/eccgroup/screen.css
vor 5 years veröffentlicht # -
Ach ja, sich mir CSS zu beschäftigen macht sinn, dann damit kann man so tolle Seiten bauen wie diese :-)
Allerdings hat mir hier allerine das Design schon 3 Stunden gekostet.
Ich hab zu CSS auch mal was ganz kurzes geschrieben, hier:
http://www.websitebaker-cms.de/forum/t3-css-winziges-mini-tutorial.html
Gruß Daniel
vor 5 years veröffentlicht # -
Ach ja, sich mir CSS zu beschäftigen macht sinn, dann damit kann man so tolle Seiten bauen wie diese :-)
.html
Gruß Daniel
ja, da mach ich mich mal ran.
Habe Dir per PN die Index.php von meinem Layout geschickt.
Mit Cut and Paste. Ich hab nichts gefunden wo ich einen Anhang machten konnte.
Gruß
Hermann
vor 5 years veröffentlicht # -
Hi,
hab da leider an meinem Layout noch ein weiteres Prob erkannt.
Wenn ich die Seite verkleinere (also Icon oben rechts bei Mozilla oder auch IE) und dann durch ziehen mit der Maus verkleinere, dann rutscht das Menü nach rechts ??
Gruß
Hermann
PS: Da es ja nun am Template liegt verschieb doch bitte meinen Beitrag nach Template. Danke
vor 5 years veröffentlicht # -
Hallo Hermann,
ändere mal
<tr> <?php RandomImage ('/media/random'); ?> </tr>
in
<tr> <td align="center"> <?php RandomImage ('/media/random'); ?> </td> </tr>
um.
tr ist eine Tabellenzeile
td ist eine Tabellenzelle
Eine Tabellenzelle befindet sich immer innerhalb einer Tabellenzeile.
Möchte man in eine Tabellenzelle etwas hinein schreiben, so muss ich in der Tabellenzeile (tr) immer eine Tabellenzelle befinden (td).
Erst in der Tabellenzelle kann Inhalt eingefügt werden.
Gruß Daniel
vor 5 years veröffentlicht # -
Hi Daniel,
"Wenn ich die Seite verkleinere (also Icon oben rechts bei Mozilla oder auch IE) und dann durch ziehen mit der Maus verkleinere, dann rutscht das Menü nach rechts ??"
Habe es geändert.
also das Prob ist weiterhin da.
Aber das Random Bild sitzt jetzt sehr schön und schließt sauber an das Menü an!, Klasse!
Habe den Eindruck das hier immer im Fenster "zentriert" wird. hmm. Vielleicht normal?
Gruß
Hermann
vor 5 years veröffentlicht # -
Guten Morgen,
habe da noch ein Problem gefunden: Wenn ein registrierter Benutzer eine Seite anwählt, für die er keine Berechtigung besitzt, wird zwar eine Fehlermeldung angezeigt aber diese Fehlermeldung liegt oben rechts ausserhalb dem Seitenfenster.
Wo liegt hier der Fehler? am Layout vielleicht?
Gruß
Hermann
vor 5 years veröffentlicht # -
Hi, evtl.
kann mir das Design aber nicht vor dem Wochenende ansehen, leider.
Ich habe beruflich mometan sehr viel zu tun.
Gruß Daniel
vor 5 years veröffentlicht # -
Hi Daniel,
kein Problem reicht mir noch gut. Wenn es mal bei Dir paßt! Wäre schön.
Hatte Dir noch ein zwei PN geschickt.
Gruß
Hermann
vor 5 years veröffentlicht #
Antwort
Du musst angemeldet sein, um einen Beitrag zu schreiben.
