• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Opera stellt gar nichts da °.°

S

Shrax

Mitglied
Hi, auf meiner Website internet-studio.bplaced.net wird im Opera gar nichts angeziegt. Im IE8 und Firefox 3.6 schon. In den anderen Browsern muss ich Sie noch testen.

Aber wieso sieht man in Opera gar nichts?
 
rem mal dein style aus. lokalhost ohne style zeigt mir die seite an.

ausserdem hast du noch fehler im code (w3c) opera ist da etwas heikler als andere browser.
 
Also die CSS codes sind zu eingeteilt:
Code: 
    <link href="style.css" type="text/css" rel="stylesheet" media="screen" />
    <link href="druckversion.css" type="text/css" rel="stylesheet" media="print" />
style.css
Code: 
  @import url("reset.css") screen;
  @import url("layout.css") screen;
  @import url("kontakt.css") screen;
reset.css
Code: 
@media screen {
* {
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
color:#000;
text-decoration:none;
font-weight:400;
font-style:normal;
content:"";
border-collapse:collapse;
border-spacing:0;
list-style:none;
margin:0;
padding:0;
}
}
layout.css
Code: 
@media screen {
    .druckcontent
    {
        display:none;
    }
    
    a:link,a:visited,a:hover,a:active
    {
        text-decoration:none;
    }
    
    html
    {
        background:101%;
        font-family:Georgia, Verdana, Arial, sans-serif, Tahoma;
        font-size:12px;
    }
    
    body
    {
        line-height:1;
    }
    
    h1
    {
        line-height:2em;
        font-size:200%;
        color:#000;
    }
    
    h2
    {
        line-height:2em;
        font-size:175%;
        color:#000;
    }
    
    h3
    {
        line-height:2em;
        font-size:150%;
        color:#000;
    }
    
    h4
    {
        line-height:2em;
        font-size:130%;
        color:#000;
    }
    
    h5
    {
        line-height:2em;
        font-size:120%;
        color:#000;
    }
    
    h6
    {
        line-height:2em;
        font-size:110%;
        color:#000;
    }
    
    li
    {
        padding:3px 3px 10px 20px;
    }
    
    pre
    {
        font-family:Georgia, Verdana, Arial, sans-serif, Tahoma;
    }
    
    a
    {
        font-family:Georgia, Verdana, Arial, sans-serif, Tahoma;
        color:#000;
        padding:2px;
    }
    
    p
    {
        padding-bottom:20px;
        line-height:1.7em;
        font-family:Georgia, Verdana, Arial, sans-serif, Tahoma;
        font-size:100%;
    }
    
    address
    {
        font-size:85%;
        color:#000;
        text-align:center;
        font-family:Georgia, Verdana, Arial, sans-serif, Tahoma;
    }
    
    ul ul
    {
        padding-left:30px;
    }
    
    strong
    {
        font-size:105%;
        color:#000;
        font-weight:700;
    }
    
    a:link
    {
        color:blue;
    }
    
    a:visited
    {
        color:gray;
    }
    
    #content ul
    {
        border:1px solid #000;
    }
    
    #container
    {
        border:1px solid #000;
        width:95%;
        background-color:#ceebff;
        margin:10px auto;
    }
    
    #header
    {
        border-top:1px solid #000;
        border-right:1px solid #000;
        border-bottom:1px solid #000;
        background-color:#a2e2e2;
        padding:20px;
    }
    
    #logo
    {
        width:306px;
        border:5px solid #000;
        background-color:#FFF;
        padding:10px;
    }
    
    #htext
    {
        position:absolute;
        left:400px;
        top:40px;
        height:47px;
        width:40%;
        border:5px solid silver;
        background-color:#FFF;
        padding:10px;
    }
    
    #navi01
    {
        margin-bottom:10px;
        font-family:Georgia, Verdana, Arial, sans-serif, Tahoma;
        line-height:1.5em;
        width:100%;
        background-color:#e8ffd5;
        color:#000;
        border-top:1px ridge #000;
        border-bottom:2px ridge #000;
    }
    
    #navi01 li
    {
        display:inline;
    }
    
    #navi01 li a
    {
        color:#000;
        font-size:115%;
        padding-left:20px;
    }
    
    #content
    {
        width:55%;
        float:left;
        border-left:4px solid blue;
        border-right:4px solid blue;
        padding:5px;
    }
    
    #content p
    {
        font-size:110%;
        font-family:Georgia, Verdana, Arial, sans-serif, Tahoma;
    }
    
    #sitemap
    {
        float:left;
        width:20%;
        padding:7px 5px;
    }
    
    #sitemap ul
    {
        padding-top:15px;
    }
    
    #sitemap li
    {
        padding-left:0;
    }
    
    #sitemap a
    {
        color:navy;
    }
    
    #werbung
    {
        float:left;
        width:15%;
        padding:7px 5px;
    }
    
    #footer
    {
        clear:both;
        border-top:1px solid #000;
        border-bottom:1px solid #000;
        margin-top:20px;
        font-size:90%;
        color:#ff8400;
        padding:10px;
    }
    
    #header p,#htext p,#htext2 p
    {
        font-family:Georgia, Verdana, Arial, sans-serif, Tahoma;
        color:#000;
    }
    
    #footer a:link,#footer a:visited,#footer a:hover
    {
        color:#ff8400;
    }
    
    blockquote
    {
        background:#fff9df url(quote.gif) no-repeat 5px 5px;
        border-top:3px solid #f3c600;
        border-bottom:3px solid #f3c600;
        margin-left:0;
        padding:1em 1em 0 40px;
    }
    
    blockquote cite
    {
        display:block;
        font-size:90%;
        font-style:normal;
        letter-spacing:1px;
        text-align:right;
        background:url(unquote.gif) no-repeat right bottom;
        padding:10px;
    }
    
    p.error
    {
        background:#fff url(cancel.png) no-repeat 15px center;
        width:25em;
        border-top:2px solid gray;
        border-bottom:2px solid gray;
        padding:5px 5px 5px 45px;
    }
    
    p.tipp
    {
        background:#fff url(tick.png) no-repeat 15px center;
        width:25em;
        border-top:2px solid gray;
        border-bottom:2px solid gray;
        padding:5px 5px 5px 45px;
    }
    
    p.link
    {
        background:#fff url(link.png) no-repeat 15px center;
        width:25em;
        border-top:2px solid gray;
        border-bottom:2px solid gray;
        padding:5px 5px 5px 45px;
    }
    
    .initial span
    {
        float:left;
        font-family:Georgia, Verdana, Arial, sans-serif, Tahoma;
        font-size:400%;
        line-height:1;
        text-transform:uppercase;
        background-color:#fafafa;
        color:#aaa;
        border:2px solid #ccc;
        margin-right:10px;
        margin-top:4px;
        padding:0 5px;
    }
}
kontakt.css
Code: 
@media screen {
form {
background-color:#eee;
width:370px;
border:1px solid #8c8c8c;
padding:20px;
}

label {
display:block;
cursor:pointer;
}

input#absender,textarea {
width:300px;
border:1px solid #8c8c8c;
margin-bottom:1em;
}

textarea {
height:7em;
}

input#absender:focus,textarea:focus {
background-color:#d9d9d9;
}
}
druckversion.css
Code: 
@media print {

h1, h2, h3, h4, h5, h6 {font-family: Verdana, Arial, Helvetica, sans-serif; }
h1 {
line-height:2em;
font-size:200%;
color:#000;
padding-top: 6px;
margin-top: 12px;
}

h2 {
line-height:2em;
font-size:175%;
color:#000;
}

h3 {
line-height:2em;
font-size:150%;
color:#000;
}

h4 {
line-height:2em;
font-size:130%;
color:#000;
}

h5 {
line-height:2em;
font-size:120%;
color:#000;
}

h6 {
line-height:2em;
font-size:110%;
color:#000;
}

#sitemap, #navi01, #werbung {
    display: none;
}

#htext {
    border-bottom: 5px solid red;
    }
    
a{color: black;
    text-decoration: none;
}
a[href]:after {
        content:" [Adresse: "attr(href)"] ";
}
}


Bei mir sind alle 3 Valide. Vieleicht hab ich Lokal nur ne neuere, ich hab mal alles neu hochgeladen.
 
Hier, hat nichtmehr in den anderen beitrag gepasst (zu viele zeichen)



Und der code meiner index.htm, habs validirt war ein li zu viel...

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
    <title>Startseite</title>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="Internet-Studio.bplaced.net ist eine Website die sich mit dem Thema Internetsicherheit befasst und Privatleuten oder auch Firmen wertvolle Informationen gibt wie man sich im Internet sch&uuml;tzt. " />
    <meta name="author" content="Daniel K." />
    <meta name="keywords" content="Internet-Studio, Internetsicherheit, Sicherheit, Internetbetrug, Antiviren Programme, Internet Save, " />
    <link href="style.css" type="text/css" rel="stylesheet" media="screen" />
    <link href="druckversion.css" type="text/css" rel="stylesheet" media="print" />
    <link href="favicon.ico" type="image/x-icon" rel="shortcut icon" />
</head>

<body>
    <div id="container">
        <div id="header">
            <p id="logo"><img src="logo.jpg" height="62" width="306" alt="Daniels Internet Studio" /></p>

            <p id="htext">Gewappnet f&uuml;r dass Internet? Sicher vor Viren, Spyware und W&uuml;rmern gesch&uuml;tzt?</p>

            <p class="druckcontent">- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
            <br />
            Dies ist die Druckversion von internet-studio.bplaced.net.
            <br />
            - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -</p>
        </div>

        <div id="navi01">
            <ul>
                <li><a href="index.htm">Startseite</a></li>

                <li><a href="uebermich.htm">&Uuml;ber mich</a></li>

                <li><a href="uebersite.htm">About</a></li>

                <li><a href="partner.htm">Partner</a></li>

                <li><a href="planung.htm">Planung &amp; Projekte</a></li>
            </ul>
        </div>

        <div id="sitemap">
            <strong>Allgemein</strong>

            <ul>
                <li><a href="whysafe.htm">- Wieso &uuml;berhaupt?</a></li>

                <li><a href="waspassieren.htm">- Was kann Passieren?</a></li>

                  
                        <li><a href="virenkrimi.htm">- Trojanerkrimi</a></li>

                        <li><a href="virkinpr.htm">- Virengeschichte</a></li>

                <li><a href="wieschuezten.htm">- Wie kann ich mich Sch&uuml;tzen?</a></li>
            </ul><strong>Pc Einrichten</strong>

            <ul>
                <li><a href="ersteschritte.htm">- Erste Schritte</a></li>

                <li><a href="allesbereit.htm">- Alles vorbereiten</a></li>

                <li><a href="datasichern.htm">- Daten sichern</a></li>

                <li><a href="neuinstall.htm">- Neuinstallieren</a></li>

                <li><a href="updates_konf.htm">- Updates</a></li>

                <li><a href="pceinrichten.htm">- PC einrichten</a></li>

                <li><a href="browser_konf.htm">- Browser Konfigurieren</a></li>

                <li><a href="brain.exe.htm">- Brain.exe</a></li>
            </ul>

            <ul>
                <li><strong>Programme und Tools</strong></li>

                <li><a href="hijackthis.htm">- HiJackTHis</a></li>

                <li><a href="antimalware.htm">- AntiMalware</a></li>

                <li><a href="superantispy.htm">- Super Antispyware</a></li>

                <li><a href="avenger.htm">- Avenger</a></li>

                <li><a href="escan.htm">- eScan</a></li>

                <li><a href="combofix.htm">- ComboFix</a></li>

                <li><a href="kapersky.htm">- Kapersky</a></li>

                <li><a href="bitdefender.htm">- bitdefender</a></li>

                <li><a href="fsecu.htm">- F-Security</a></li>

                <li><a href="norton.htm">- Symantec</a></li>
            </ul>
        </div>

        <div id="content">
            <h4>Guten Tag lieber Besucher,</h4>
            <br />
            <br />
            <p>ich freue mich das Sie auf diese Website gesto&szlig;en sind und m&ouml;chte Sie hier Herzlich willkommen hei&szlig;en!</p>

            <p>Diese Seite besch&auml;ftigt sich mit dem Thema Internetsicherheit und ist von mir ins Leben gerufen worden. Wenn ich sehe das immer noch viele Internetnutzer mit dem Internet Explorer 6.0 Surfen kann ich nur noch den Kopf sch&uuml;tteln! Es ist nun mal so das ein Computer mit Internetzugang gef&auml;hrdet ist.</p>

            <p>Wer ein Computer nutzt muss einfach lernen damit umzugehen! Und damit sind ist nicht gemeint etwas Downloaden zu k&ouml;nnen oder einen Chat zu nutzen, sondern Sicher damit umzugehen. Und da Microsoft mit Windows den Benutzern sowieso alles in ihren allerwertesten schiebt und alles schon vorgefertigt ist hei&szlig;t dass nicht das nicht mehr nachdenken muss!</p>

            <p>Hier auf dieser Website lernen Sie wie man seinen Computer richtig absichert, sich im Internet richtig verh&auml;lt und seinen PC sauber h&auml;lt! Auch Firmen k&ouml;nnen sich hier mit Informationen zum Thema Internetsicherheit eindecken. Denn wenn erstmal Wichtige Firmendaten durch Trojaner im Netz landen ist es bereits zu sp&auml;t!</p>

            <p>Also nimmt euch Zeit und schaut euch hier um!</p>
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
        </div>

        <div id="werbung">
            <p>** Diese Spalte wird noch mit Inhalt gef&uuml;llt **</p>
        </div>

        <div id="footer">
            <address>
                Pr&auml;sentiert von Daniel K.
                <br />
                &copy; Urheberrecht bei Daniel K. -| s. a. Impressum |- internet-studio.bplaced.net Alle Rechte vorbehalten.
                <br />
                <a href="kontakt.htm" title="Zum Kontaktformular">Kontakt</a> &middot; <a href="impressum.htm" title="Rechtliches">Impressum</a>
                <br />
            </address>
        </div>
    </div>
</body>
</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben