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

Text & Bild verschwinden hinter farbigem div

Status
Für weitere Antworten geschlossen.

sunshine*555

Neues Mitglied
Hallo liebe Community,

ich habe mal wieder eine Frage. Ich probiere schon die ganze Zeit rum, aber ich komme zu keiner Lösung. Wenn ich die Seite größer/kleiner ziehe, verschwindet mein Fließtext und mein Bild hinter dem rosanen Footer. Ich verstehe nicht warum, bzw. was ich falsch gemacht habe. Ich schätze es ist recht banal.. Kann mir jemand auf die Sprünge helfen?
Hier der Link zur Seite: https://bit.ly/2loPgfO

Und hier der Code:

HTML:
<!DOCTYPE html>
<html lang="de">


<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ewaweddings</title>

    <link rel="stylesheet" href="css/ueber_uns_style.css" />
</head>




<body>

    <img class="logo" src="logo/logo_black.png">

    <!-- Header -->
    <div class="header">


        <div>

            <nav>

                <a href="dassindwir.html">Das sind wir</a> &nbsp; &nbsp; <a href="pakete.html">Pakete</a> &nbsp; &nbsp; <a href="eindruecke.html">Eindrücke</a>&nbsp; &nbsp;<a href="kontakt.html">Kontakt</a>&nbsp; &nbsp;<a href="index_en.html">DE/EN</a>


            </nav>


        </div>

    </div>

    <div class="background">
        <div class="body_narrow">



            <img src="images/ueber_uns/EWA-Wedding-Planner-Bavaria-Germany-Wedding-Design-Wir-34.png">

            <h1>Katharina und Michele</h1>
            <p> Wir lieben die Berge, Natur, Abenteuer, Reisen, Wildblumen und unsere Heimat, Bayern. Hier sind wir aufgewachsen. Hier kennen wir uns aus. <br><br> Wir sind studierte Kommunikations-Designer und somit spezialisiert auf visuell starke Konzepte. Kathi hat zuvor Psychologie studiert und sich im Zweitstudium auf konzeptstarke Gestaltung fokussiert. Michele arbeitet bereits seit einiger Zeit in der Hochzeitsbranche als Fotografin und ist durch das Studium im Event-Design ausgebildet. Uns vereint die Liebe zum guten Design und die Leidenschaft zu atemberaubenden Events. Zusammen möchten wir unvergessliche Hochzeiten an unvergesslichen Orten realisieren: ewa Weddings - inspired by the spirit of Bavaria.</p>




        </div>
    </div>



    <div class="footer">





        <div class="body_narrow">

            <a href="impressum.html">Impressum</a> &nbsp; &nbsp; <a href="datenschutz.html">Datenschutz</a> &nbsp; &nbsp;
            <nobr> <a href="eindruecke.html">Get in touch</a> &nbsp; &nbsp;
                <a href="eindruecke.html"><img src="images/social_media/facebook.png"> </a>
                &nbsp;
                <a href="eindruecke.html"><img src="images/social_media/instagram.png"> </a>
                &nbsp;
                <a href="eindruecke.html"><img src="images/social_media/mail.png"> </a>
            </nobr>
        </div>

    </div>


</body>

</html>

CSS:
            * {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: 'Work Sans', sans-serif;
}

.body_narrow {
    margin-left: 5%;
    margin-right: 5%;
    padding: 0;
    font-family: 'Work Sans', sans-serif;
}

.header {
    text-align: center;
    padding: 45px;
}

.logo {
    margin: 25px auto 0px auto;
    display: block;
    width: 120px;
}

a {
    color: black;
    text-decoration: none;
}

a:hover {
    color: black;
    -webkit-transition: color 0.2s ease-in-out;
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
}

p {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    text-align: center;
    font-size: 12px;
    line-height: 2;
}


/* navigation */

nav {
    position: absolute;
    left: 5%;
    top: 30px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 12px;
}

@media screen and (max-width: 600px) {
    nav {
        position: absolute;
        left: 5%;
        right: 5%;
        top: 135px;
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
        font-size: 12px;
        text-align: center;
    }
}

@media screen and (max-width: 900px) {
    nav {
        position: absolute;
        left: 5%;
        top: 135px;
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
        font-size: 12px;
    }
}


/* main */

background {
    background-color: #F7F7F7;
    width: 100%;
    height: 900px;
    overflow: hidden;
}

background_main {
    margin: 25% auto 8% auto;
    max-width: 70%;
    box-sizing: border-box;
}

background img {
    float: right;
    width: 100%;
    display: block;
    max-width: 200px;
}

background p {
    float: left;
    margin: -23% 45% 10% auto;
    font-size: 12px;
    line-height: 2;
}


/* main */

.background {
    background-color: #F7F7F7;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

background_main {
    margin: 25% auto 8% auto;
    max-width: 70%;
    box-sizing: border-box;
}

.background img {
    max-width: 60%;
    position: relative;
    top: 100px;
    float: right;
}

.background p {
    position: relative;
    color: black;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
    max-width: 30%;
    float: left;
    text-align: left;
    top: 100px;
}

h1 {
    position: relative;
    color: black;
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    font-size: 13.5px;
    text-decoration: none;
    text-align: left;
    top: 100px;
}


/* F O O T E R */

.footer {
    background-color: #E5CCC5;
    height: 150px;
    overflow: hidden;
}

.footer a {
    position: relative;
    top: 10px;
    color: black;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
}

.footer img {
    max-width: 28px;
    position: relative;
    top: 10px;
}

@media screen and (max-width: 790px) {
    .background img {
        max-width: 80%;
        position: relative;
        top: 100px;
        float: left;
        margin: 0 10% 5% 10%;
        padding-bottom: 8%;
    }
    @media screen and (max-width: 790px) {
        .background p {
            position: relative;
            color: black;
            font-family: 'Work Sans', sans-serif;
            font-weight: 400;
            font-size: 12px;
            text-decoration: none;
            max-width: 60%;
            float: left;
            text-align: left;
            margin: 0 15% 5% 15%;
        }
        @media screen and (max-width: 790px) {
            .background h1 {
                position: relative;
                color: black;
                font-family: 'Work Sans', sans-serif;
                font-weight: 500;
                font-size: 13.5px;
                text-decoration: none;
                text-align: left;
                max-width: 60%;
                float: left;
                text-align: left;
                margin: 0 15% 5% 15%;
            }
 
Werbung:
Wenn du bei den .Background p und .background img ohne den @media queries Bereich das position relative weg machst geht es bei mir.
Aber ehrlich gesagt würde ich das alles mal mit Flexboxen machen ,da hat man in der Regel solche probleme nicht und man spart sich den ganzen kram mit positionen und floaten.

Du benutzt fast bei jeden Element position:relative: was man gar nicht brauch und floaten tust du auch sehr oft was gar nicht nötig wäre. Tue dir selbst ein gefallen und kuck dir das Thema Flexboxen an.Es ist damit viel einfacher ,auch anfänger kommen damit schnell klar.

Hier ist ein Tutorial was mir auch geholfen hat https://css-tricks.com/snippets/css/a-guide-to-flexbox/
und zum Spielen und verstehen was welche Angabe macht nutzt ich dieses immer
http://the-echoplex.net/flexyboxes/
 
Zuletzt bearbeitet:
Okay, wollte gerade fragen, ob das kompliziert ist. Ich denke mir schon die ganze Zeit, das gibts doch nicht, dass das immer verschwindet. Ich brauch den position Wert deshalb so oft, weil ich ohne position ja keine Angaben zum Abstand zu top machen kann. Aber dann würde auch margin gehen.
 
Werbung:
Ich brauch den position Wert deshalb so oft, weil ich ohne position ja keine Angaben zum Abstand zu top machen kann. Aber dann würde auch margin gehen.
Diese ganzen probleme lassen sich mit Flexbox leicht beseitigen. Dein Abstand mit Margin zu machen ist aufjedenfall besser als feste Positionen und so zu vergeben. Die feste Positionen machen bei Reponsiven Design nur probleme. Auch für Reponsives Design hat das mit Flexboxen nur Vorteile.

Probier es mal aus.Fals du nicht weiter kommst ist hier ja immer einer da der dir helfen kann.

Hier ist nch ein schöner Link wo man Flexboxen spielerisch lernt https://flexboxfroggy.com/#de
 
Also irgendwie bekomm ichs nicht hin. Ich hab sogar das Spiel gemacht :D Mir würde es reichen, lediglich meinen Text und mein Bild in eine Flexbox zu machen. Header und Footer können ja meinetwegen so bleiben. So schwer kann das doch nicht sein!
 
Oh je.. ich habe gerade mal auf dein CSS geschaut - ich fürchte, das kann so nichts werden!
Als erstes solltest du die offensichtlichen Syntaxfehler beseitigen:
Wenn du 'Klassen' im CSS definierst, dann gehört da immer ein führender Punkt (.) dazu. als '.background' und nicht 'background'. Das hast du an mehreren Stellen falsch gemacht!
Dann die Mediaqueries (@media...) - in der Form, wie du das machst geht gar nicht :(!
CSS:
@media screen and (max-width: 790px) {
    .background img {
        max-width: 80%;
        ....
    }
    @media screen and (max-width: 790px) {
        .background p {
            position: relative;
            ....
        }
        @media screen and (max-width: 790px) {
            .background h1 {
                position: relative;
                ...
            }
Diese Anweisungen werden vom Browser nicht erkannt... zumal am Ende auch schließende geschweifte Klammern '}' fehlen.
Richtig wäre es so:
CSS:
@media screen and (max-width: 790px) {
    .background img {
        max-width: 80%;
        ...
       }
    .background p {
        position: relative;
        ...
       }
    .background h1 {
        position: relative;
        ...
       }
}
Aber auch wenn du im ersten Schritt diese Fehler beseitigt hast, wird das nicht funktionieren!
Durch die vielen 'float' Anweisungen und die diversen Positionierungen mit 'top: irgendwas;' verunstaltest du dein Layout dermaßen, dass jeder Versuch da was zu richten nur zu einer Verschlimmbesserung führt!
Wie @basti1012 dir schon empfohlen hat... beschäftige dich mit Flexbox, dann sind alle deine Probleme gelöst!
Nutze dein <div class="body_narrow"> als Flex-Container (display: flex;) und packe da je ein <div> für dein Bild und für den Text hinein!
HTML:
<div class="body_narrow">
    <div class="linker_div">
         hier dein Inhalt links
    </div>
    <div class="rechter_div">
         hier dein Inhalt rechts
    </div>
</div>
Fang damit erst mal an... und bei Problemen darfst du gerne nachfragen.
 
Werbung:
Vielen Dank @Sailor! Die Punkte fehlen absichtlich, weil das meine vorherige Lösung war, die ich nicht gleich löschen wollte, sondern aufheben wollte, falls die Alternative nicht klappt. Aber ja, das hätte ich jetzt für die Herzeig-Version rauslöschen sollen.

Ich hab jetzt die ganzen Top-Anweisungen und die überflüssigen relative rausgelöscht, jetzt funktioniert es. Auch mit den @media. Nichts desto trotz würde mir die Flexboxvariante besser gefallen... jetzt bin ich an dem Punkt, wo ich mich frage: sauberer Code und Arbeit oder einfach so lassen :D
 
Ja... hat mich jetzt in etwa 10 Minuten gekostet... so könnte es aussehen:
in groß auf einem breitem Bildschirm...

ewaweddings_gross.pngewaweddings_gross.png

uns so auf einem kleinen Bildschirm... kleiner als 790 px.
ewaweddings_klein.pngewaweddings_gross.png
 
Werbung:
Ich wünschte, mich würde das auch 10 Minuten kosten. Ich tu hier ewig rum :D
Danke, dass du dich meinem Problem annimmst!
Bei dir ist es jetzt fast so, wie ich es mir vorstelle. Nur das Bild soll rechts statt links sein, und h1 ist keine Bildunterschrift, sondern der Titel von p.

Ich hab jetzt mal weiter gemacht und bin auch schon weitergekommen. Allerdings habe ich noch einen Fehler drin. Bei mir stellt es die divs untereinander dar. Trotz "row".

Du kannst mir auch gerne den Code von dir schicken, dann seh ich es hoffentlich selbst, was das Problem ist.

So sieht es jetzt aus: https://bit.ly/2Kbipcq

Und hier der Code:

HTML:
<!DOCTYPE html>
<html lang="de">


<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ewaweddings</title>

    <link rel="stylesheet" href="css/das_sind_wir_style.css" />
</head>




<body>

    <img class="logo" src="logo/logo_black.png">

    <!-- Header -->
    <div class="header">


        <div>

            <nav>

                <a href="dassindwir.html">Das sind wir</a> &nbsp; &nbsp; <a href="pakete.html">Pakete</a> &nbsp; &nbsp; <a href="eindruecke.html">Eindrücke</a>&nbsp; &nbsp;<a href="kontakt.html">Kontakt</a>&nbsp; &nbsp;<a href="index_en.html">DE/EN</a>


            </nav>


        </div>

    </div>


    <!-- Main -->

    <div class="background">




        <div class="flex-container">


            <div class="flex-item">
                <h1>Katharina und Michele</h1>
                <p> Wir lieben die Berge, Natur, Abenteuer, Reisen, Wildblumen und unsere Heimat, Bayern. Hier sind wir aufgewachsen. Hier kennen wir uns aus. <br><br> Wir sind studierte Kommunikations-Designer und somit spezialisiert auf visuell starke Konzepte. Kathi hat zuvor Psychologie studiert und sich im Zweitstudium auf konzeptstarke Gestaltung fokussiert. Michele arbeitet bereits seit einiger Zeit in der Hochzeitsbranche als Fotografin und ist durch das Studium im Event-Design ausgebildet. Uns vereint die Liebe zum guten Design und die Leidenschaft zu atemberaubenden Events. Zusammen möchten wir unvergessliche Hochzeiten an unvergesslichen Orten realisieren: ewa Weddings - inspired by the spirit of Bavaria.</p>

            </div>




            <div class="flex-item">
                <img src="images/ueber_uns/EWA-Wedding-Planner-Bavaria-Germany-Wedding-Design-Wir-34.png">
            </div>

        </div>










    </div>

    <!-- Footer -->


    <div class="footer">





        <div class="body_narrow_footer">

            <a href="impressum.html">Impressum</a> &nbsp; &nbsp; <a href="datenschutz.html">Datenschutz</a> &nbsp; &nbsp;
            <nobr> <a href="eindruecke.html">Get in touch</a> &nbsp; &nbsp;
                <a href="eindruecke.html"><img src="images/social_media/facebook.png"> </a>
                &nbsp;
                <a href="eindruecke.html"><img src="images/social_media/instagram.png"> </a>
                &nbsp;
                <a href="eindruecke.html"><img src="images/social_media/mail.png"> </a>
            </nobr>
        </div>

    </div>


</body>

</html>

Code:
            * {
                box-sizing: border-box;
            }
            
            body {
                margin: 0;
            }
            
            .header {
                text-align: center;
                padding: 45px;
            }
            
            .logo {
                margin: 25px auto 0px auto;
                display: block;
                width: 120px;
            }
            
            a {
                color: black;
                text-decoration: none;
            }
            
            a:hover {
                color: black;
                -webkit-transition: color 0.2s ease-in-out;
                text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
            }
            /* navigation */
            
            nav {
                position: absolute;
                left: 5%;
                top: 30px;
                font-family: 'Work Sans', sans-serif;
                font-weight: 400;
                font-size: 12px;
            }
            
            @media screen and (max-width: 600px) {
                nav {
                    position: absolute;
                    left: 5%;
                    right: 5%;
                    top: 135px;
                    font-family: 'Work Sans', sans-serif;
                    font-weight: 400;
                    font-size: 12px;
                    text-align: center;
                }
            }
            
            @media screen and (max-width: 900px) {
                nav {
                    position: absolute;
                    left: 5%;
                    top: 135px;
                    font-family: 'Work Sans', sans-serif;
                    font-weight: 400;
                    font-size: 12px;
                }
            }
            /* main */
            
            .background {
                background-color: #F7F7F7;
                width: 100%;
                height: 100%;
                overflow: hidden;
            }
            
            .flex-container {
                margin-left: 5%;
                margin-right: 5%;
                padding: 0;
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-around;
                align-content: center;
                align-items: flex-start;
                font-family: 'Work Sans', sans-serif;
            }
            
            .flex-item:nth-child(1) {
                order: 0;
                flex: 2 1 auto;
                align-self: auto;
                color: black;
                font-family: 'Work Sans', sans-serif;
                font-weight: 400;
                font-size: 12px;
                text-decoration: none;
                text-align: left;
                line-height: 2;
            }
            
            h1 {
                color: black;
                font-family: 'Work Sans', sans-serif;
                font-weight: 500;
                font-size: 13.5px;
                text-decoration: none;
                text-align: left;
            }
            
            .flex-item:nth-child(2) {
                order: 0;
                flex: 4 1 auto;
                align-self: auto;
            }
            /* F O O T E R */
            
            .body_narrow_footer {
                margin-left: 5%;
                margin-right: 5%;
                padding: 0;
                font-family: 'Work Sans', sans-serif;
            }
            
            .footer {
                background-color: #E5CCC5;
                height: 150px;
                overflow: hidden;
            }
            
            .footer a {
                position: relative;
                top: 10px;
                color: black;
                font-family: 'Work Sans', sans-serif;
                font-weight: 400;
                font-size: 12px;
                text-decoration: none;
            }
            
            .footer img {
                max-width: 28px;
                position: relative;
                top: 10px;
            }
 
Ok... so sieht es bei mir aus....
ewaweddings_swap.png

und der zugehörige Code... nur der Teil flex Container und flex Items
HTML:
        <div class="body_narrow">
           <div class="links">
              <h1>Katharina und Michele</h1>
              <p> Wir lieben die Berge, Natur, Abenteuer, Reisen, Wildblumen und unsere Heimat, Bayern. Hier sind wir aufgewachsen. Hier kennen wir uns aus. <br><br> Wir sind studierte Kommunikations-Designer und somit spezialisiert auf visuell starke Konzepte. Kathi hat zuvor Psychologie studiert und sich im Zweitstudium auf konzeptstarke Gestaltung fokussiert. Michele arbeitet bereits seit einiger Zeit in der Hochzeitsbranche als Fotografin und ist durch das Studium im Event-Design ausgebildet. Uns vereint die Liebe zum guten Design und die Leidenschaft zu atemberaubenden Events. Zusammen möchten wir unvergessliche Hochzeiten an unvergesslichen Orten realisieren: ewa Weddings - inspired by the spirit of Bavaria.</p>
           </div>
           <div class="rechts">
              <img src="images/ueber_uns/EWA-Wedding-Planner-Bavaria-Germany-Wedding-Design-Wir-34.png">
           </div>
        </div>
Und das passende CSS - auch nur die relevanten Teile für die Container und deren Inhalt
CSS:
.background {
    background-color: #F7F7F7;
    width: 100%;
}

.body_narrow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 5%;
    margin-right: 5%;
    padding: 0;
    font-family: 'Work Sans', sans-serif;
}

.links {
   width: 50%;
   padding: 5%;
   text-align: center;
}

.rechts {
   width: 50%;
   padding: 5%;
}

.background p {
    color: black;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
    text-align: left;
}

.background img {
    width: 100%;
}

h1 {
    color: black;
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    font-size: 13.5px;
    text-decoration: none;
}

@media screen and (max-width: 790px) {
    .body_narrow {
        flex-direction: column;
    }
    .links {
        width: 100%;
        padding: 5%;
    }
    .rechts {
        width: 100%;
        padding: 5%;
    }
    .background img {
        width: 90%;
    }
    .background p {
        color: black;
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
        font-size: 12px;
        text-decoration: none;
        }
    .background h1 {
        color: black;
        font-family: 'Work Sans', sans-serif;
        font-weight: 500;
        font-size: 13.5px;
        text-decoration: none;
        }
}
Ich hoffe, ich habe beim kopieren jetzt alles relevante erwischt... sollte dir das nicht helfen, du darfst gerne nachfragen.
 
Werbung:
Super... das mit dem FlexBox solltest du dir merken, das hilft ganz oft und ist so kompliziert nicht.
Hmmm... sei nur erwähnt, dass manch Uralt-Browser (zB Internet Explorer 8 - kommt mit XP) damit so ihre Probleme haben, um die auch zu bedienen müsstest du dein CSS etwas modifizieren.
Im FlexContainer müsste dann stehen
display: table;
display: flex;
und zwar genau in der Reihenfolge: Browser die 'flex' können, nehmen die letzte Anweisung - Browser die es nicht können, nehmen die Erste und können mit der Zweiten nichts anfangen.
Bei den FlexItems muss dann im CSS 'display: table-cell;' angegeben werden.
 
Hmmm... sei nur erwähnt, dass manch Uralt-Browser (zB Internet Explorer 8 - kommt mit XP) damit so ihre Probleme haben, um die auch zu bedienen müsstest du dein CSS etwas modifizieren.
Im FlexContainer müsste dann stehen
display: table;
display: flex;
und zwar genau in der Reihenfolge: Browser die 'flex' können, nehmen die letzte Anweisung - Browser die es nicht können, nehmen die Erste und können mit der Zweiten nichts anfangen.
Bei den FlexItems muss dann im CSS 'display: table-cell;' angegeben werden.

Ich würde das ehrlich gesagt nicht beachten weil wer heute noch IE 8 und sonstige veraltete Browser benutzt der ist selber schuld.
Dann lieber eine Browser Weiche bentzen und die Uralt Browser User zur Homepage von Chrom weiterleiten mt den Hinweiß "NIMM DAS ,dann kannst du meine Webseite sehen ".:cool::D
 
:DDDD da wäre jetzt wieder interessant zu wissen, wer tatsächlich noch internet explorer 8 verwendet. neugierig wäre ich da schon :D
 
Werbung:
Da täusch dich mal nicht... es gibt noch einige Nutzer, die noch einen Rechner mit XP (und damit IE 8) betreiben. Die haben sicherlich auch ihre Gründe dafür... sei es das Oma vom Enkel einen alten Rechner geschenkt bekommt und gar nicht so recht weiß, was 'Windows' überhaupt ist... oder dass es gezwungenermaßen genutzt wird, weil dort Soft- und Hardware betrieben wird, die nicht auf neueren Betriebssystemen läuft... meines Wissens laufen auch ein Teil der Geldautomaten noch auf XP.
Auf jeden Fall zeigt mir das Server-Log meines Providers regelmäßig noch um die 0,5% Besucher mit XP. (Tendenz allerdings abnehmend).. hehe... bei 80 Millionen Deutschen sind das immerhin noch 400.000. ;)
Nichts desto trotz... XP und alles älter als der IE 10 gehört ins Museum und nicht ins Internet.

Hmmm... allerdings betreibe ich auch noch so ein Teil - in Quarantäne und nur offline - zu Testzwecken.
 
Die armen alten Systeme :( Ich hatte einen Windows 3.11! Neulich wollte ich dieses gute Juwel ausgraben, da wurde er ohne mein Wissen im Vorfeld entsorgt :mad::frown: Dieser gute alte Rechner!
 
Werbung:
Kannst du dir glaube ich kostenlos im Internet wieder runterladen :D nur dein System wird wohl futsch sein.
Und ich bin auch ziemlich skeptisch, ob das mit den heutigen Systemen überhaupt laufen wird.
 
Win 3.1 läuft nur auf einer DOS Plattform... sowas habe ich leider nicht mehr - oder müsste das gute alte DOS 6 wieder installieren. Oh oh... ob ich das mit der config.sys und der autoexec.bat noch auf die Reihe bekäme ;)?
Aber zurück zur Jetztzeit... hab mal einen Screenshot vom der Server Auswertung gemacht - sicherlich ist das nicht repräsentativ, zeigt aber, dass es sie noch gibt die Fossilien. Hin und wieder erwische ich auch noch ältere.. WIN 98 und Co.
Screenshot-2018-6-21 WebAnalytics.png
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben