Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Blog-URL: NRW-Landesjugend
WP-Version: 2.7.1_DE_Edition
Theme: e-wallet
Hallo,
die Blog-Seite erscheint auf beiden Browsern InternetExplorer und Firefox sehr unterschiedlich.
Bei IE sieht man eine starke Verschiebung. Ich habe keine Idee, wie ich es wieder in Ordnung
bringen kann. Kann jemand mir bitte helfen? Danke!
Schöne Grüße,
RennMarty
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
Ich habe mal getestet mit IE7 und FF3. Der einzige Unterschied, der mir auffällt, ist die Menüleiste ganz oben. Da ist tatsächlich was kaputt im IE. Mal sehen...
So wie ich das sehe, hast Du #top mit den gefloateten Container #topleft und #topright. Danach beginnt erst #header, an welchem der Hintergrund definiert ist. Im FF rutscht nun #header nach oben, da top sonst nichts enthält, vor allem kein clear. Der IE verhält sich so, als wäre nach #top noch ein clear definiert.
Prinzipiell macht es der FF richig, denke ich. Es ist aber nicht direkt intuitiv, das so anzuordnen, finde ich. Kannst Du den Hintergrund nicht an ein gemeinsames Parent-Element packen? Also sagen wir #headerParent, welches dann #top und #header (ohne Background) enthält. Dann müsste es auf jeden Fall in beiden Browsern gehen. #header solltest Du dann noch ein clear mitgeben und ggf. die Abstände anpassen.
Hallo Ammaletu,
vielen Dank für deine Antwort. Sorry, dass ich ein Laie in der Programmierung bin, aber ich versuche....
Ich habe bei #header "Parent" ergänzt. Nun zeigt die Homepage auf der IE-Browser, dass die Menüleiste ganz oben nicht mehr verschoben ist. Aber der Hintergrund (header-Bild) ist im Gegensatz zum FF-Browser weg.
Gibt es etwas zu korrigieren? Hier ist sicherheitshalber ein Abschnitt des Codes aus de[FONT=Arial]m style.css:[/FONT]
#headerParent {
font-size: 26px;
font-weight: bold;
text-decoration:none;
font-family: Verdana;
margin: 0 auto;
height: 278px;
width: 1024px;
padding: 0;
background: url("http://forum.wordpress-deutschland.org/images/header.jpg");
}
.header-title {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
color:#181818;
font-size:28px;
padding:48px 0 0 288px;
text-align:left;
font-weight: bold;
}
.header-title a{
color:#181818;
text-decoration:none;
border-bottom:none;
font-weight: bold;
}
.header-title a:hover{
color:#181818;
text-decoration:none;
border-bottom:none;
}
.header-description {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
color:#181818;
font-size:11px;
padding: 3px 0 0 289px;
text-align:left;
font-weight: normal;
}
.ads{
float: right;
margin-right: 28px;
margin-top: 100px;
margin-bottom: 0px;
}
.ads.125ads {
padding:3px 0 0 0;
text-align:left;
}
.ads h2 {
color: #181818;
font: 18px Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0 0 3px 0;
text-align:center;
}
.ads img {
padding: 4px;
border: #0070ff 1px solid;
background: #0070ff;
}
.ads a:link img {
padding: 4px;
border: #0070ff 1px solid;
background: #0070ff;
}
.ads a:hover img {
padding: 4px;
border: #002ec4 1px solid;
background: #002ec4;
}
Top part CSS
*/
#top {
width: 1024px;
height: 34px;
margin: 0px auto;
}
#topleft {
float: left;
height: 34px;
padding-left: 0px;
}
#topright {
float: right;
height: 34px;
padding-right: 10px;
}
Page navigation CSS
*/
#menu {Also auf der verlinkten Seite sehe ich zwar die Änderung der Menüleiste, nicht aber das neue headerParent-div oder ein clear-div an der richtigen Stelle. Hast Du die Änderungen vielleicht nur zur Hälfte hochgeladen?!
Ich habe bei #header "Parent" ergänzt. Mehr nicht. Was du über headerParent-div oder ein clear-div geschrieben hast, verstehe ich nicht. Was ist "div"? :confused:
Hm, wenn Du die Grundlagen von HTML und CSS nicht kennst, halte ich Modifikationen am Theme für etwas gewagt. Ich weiß nicht, wie weit ich das jetzt erklärt bekomme... Schau Dich ggf. mal bei selfhtml.org oder ähnlichen Tutorials etwas um.
Also, Du brauchst meiner Meinung nach (und ob das so wirklich geht, ist ein wenig geraten, ich habe es jetzt nicht ausprobiert) ein div-Element mit der ID headerParent, welches #top und #header einschließt. Einfach in der header.php einfügen. Damit sich der Hintergrund bis zum Ende von #header erstreckt, muss nach dem schließenden div-Tag des Headers noch ein clear-div eingefügt werden:
Im Stylesheet definierst Du für #headerParent den Background. Die Definition von #header bleibt so, nur dass der background rausfliegt. Und dann stimmen sicher die Abstände noch nicht.
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!