"Too Cool for IE" Problem!

splinter263

Hallo!
Ich würde mir gerne das Bild von hier: Too Cool for Internet Explorer
auf meinen Blog geben. Ich weis jetzt aber nur nicht in welche CSS Datei ich welchen Code reinschreiben muss. BITTE UM HILFE!
MFG

Werbepost

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.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

marX

In die deines Themes? Da ist doch nur eine...

splinter263

Zwei^^
Aber wenn ich den Code ganz unten hinschreibe passiert nichts. Wo genau muss ich das hinschreiben??

Hier ist der CSS-Code von meinen Theme:

Code

/*
    Design by Free CSS Templates
    http://www.freecsstemplates.org
    Released for free under a Creative Commons Attribution 2.5 License
*/
/* Basic */
*
{
    margin: 0em;
    padding: 0em;
}
h1,h2
{
}
body
{
    font-family: "trebuchet ms", sans-serif;
    color: #555555;
    font-size: 10pt;
}
a
{
    color: #669911;
}
/* Outer */
#outer
{
}
/* Header */
#header
{
    height: 95px;
    background-image: url('images/a2.gif');
    background-position: bottom left;
    padding-left: 35px;
    padding-top: 45px;
}
#header h1 a
{
    color: #fff;
    text-decoration: none;
    font-size: 1.5em;
}
#header h1
{
    text-transform: lowercase;
    font-size: 1.6em;
}
#header h2
{
    position: relative;
    top: -0.3em;
    color: #E8EFC2;
    font-weight: normal;
    font-size: 1.1em;
    text-transform: lowercase;
}
/* Menu */
#menu
{
    background-image: url('images/a3.gif');
    background-repeat: repeat-x;
    background-position: bottom left;
    padding: 1em 2.5em 1em 2.5em;
}
#menu ul
{
    list-style: none;
}
#menu li
{
    display: inline;
}
#menu li a
{
    font-size: 1.1em;
    font-weight: bold;
    text-transform: lowercase;
    color: #5D5F53;
    text-decoration: none;
    margin-right: 1em;
}
#menu li a:hover
{
    color: #6B7E09;
    text-decoration: underline;
}
/* Content */
#content
{
    padding: 3em 15px 1em 15px;
    line-height: 1.6em;
    background: url('images/a4.gif') repeat-x top left;
}
#content p
{
    margin-bottom: 1.5em;
}
#content h2,h3,h4,h5,h6
{
    margin-bottom: 1em;
}
#content ul
{
    margin-bottom: 1.5em;
    padding-left: 1em;
}
#content blockquote
{
    padding: 1em;
    margin-bottom: 1.5em;
    background-color: #FFFCD8;
    background-image: url('images/a5.gif');
    background-repeat: no-repeat;
    background-position: top left;
    border: dotted 1px #DFD999;
}
#content blockquote p
{
    margin-bottom: 0em;
}


#content .posted {
    font: normal 9px Tahoma, Arial, Helvetica, sans-serif;
}
/* Primary Content */
#primaryContentContainer
{
    float: left;
    margin-right: -460px;
    width: 100%;
}
#primaryContent
{
    margin: 0em 470px 0em 0em;
    padding: 0em 1.5em 1.5em 1.5em;
}
#primaryContent h2, #primaryContent h3
{


    color: #5D5F53;
    border-bottom: dotted 1px #ECEEDF;


}


#primaryContent a
{
    text-decoration: none;
}


#primaryContent a:hover
{
    color: #6B7E09;
    text-decoration: underline;
}


#secondaryContent h3, #tertiaryContent h3
{
    background: url('images/a1.gif') no-repeat;
    width: 185px;
    height: 27px;
    font-size: 1.0em;
    font-weight: bold;
    padding-left: 15px;
    padding-top: 5px;
    text-transform: lowercase;
    color: #5D5F53;
}










/* Secondary Content */
#secondaryContent
{
    float: left;
    width: 215px;
}
/* Tertiary Content */
#tertiaryContent
{
    float: right;
    width: 215px;
    padding-right: 1em;
}


#secondaryContent ul, #tertiaryContent ul
{
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}


#secondaryContent li, #tertiaryContent li
{
    margin-left: 10px;
    padding-left: 10px;
    background-image: url('images/arrow.gif');
    background-repeat: no-repeat;
    background-position: 0 .5em;
}


#secondaryContent ul, #tertiaryContent ul { list-style: none; }


#secondaryContent a, #tertiaryContent a
{
    text-decoration: none;
}


#secondaryContent a:hover, #tertiaryContent a:hover
{
    color: #6B7E09;
    text-decoration: underline;
}




/* Footer */
#footer
{
    background: url('images/a4.gif') repeat-x top left;
    border-top: solid 1px #D0D4BB;
    padding: 2.0em 3.5em 3.0em 3.5em;
    font-size: 0.8em;
}
.clear
{
    clear: both;
}
#content_start {position: absolute;left: -10000px;};

Alles anzeigen

chilidog

@ Splinter 263

hast du auch folgendes gemacht?

Zitat

Add the HTML
Add the following to the beginning of your HTML just below the <body> tag:
<a id="tooCool" href="http://www.w3junkies.com/toocool/">Too Cool for Internet Explorer</a>

marX

Dein Theme hat 1 CSS-Datei (style.css), die 2x eingebunden wird (media screen und print). Die lightbox-CSS kommt von einem Plugin.

Wo der CSS-Code in der style.css hin kommt, ist egal. Am Ende ist okay. Wie chilidog schon sagt, den HTML-Code musst du auch noch irgendwo einbinden.

PS: Der Sinn des Ganzen entzieht sich mir etwas, weil:
1. der IE7 mittlerweile das position:fixed kennt und den Button korrekt anzeigen sollte.
2. im IE6 der Button irgendwo ganz weit unten rechts steht, da wo ihn kaum jemand zu Gesicht bekommt.
3. wenn du den HTML-Code so einbindest, wie in der Beschreibung angegeben, erzeugst du ungültiges HTML. <a> muss innerhalb eines Blocklevel-Elements stehen. Das führt die Aussage "too cool" irgendwie ad absurdum...

Just my 2 cents ;-)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

"Too Cool for IE" Problem!

Jetzt mitmachen!