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

iframes machen nicht was sie wollen !

mehr als einen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

wird es nicht hergeben.
 
Der ist ja auch nicht vollständig, guck nochmal genau nach, wie es sein muss.

Bei mir tritt dein Fehler übrigends noch immer nicht auf.

Und warum willst du unbedingt an den Frames festhalten, wenn sie dir doch gerade solche Probleme bereiten? Wäre die ideale Zeit, um es besser zu machen.
 
Jo habs jetzt nochmal geändert. (Ist so richtig normalerweise) ???)

Das es eine andere Möglichkeit für die Frames gibt hab ich wohl gelesen aber mich nicht rein gedacht bis jetzt.
Hast du zufällig nen Link zu ner Anleitung ?
 
Demnach kann ich wohl mit Dreamweaver nicht mehr viel anfangen...

Kann ja nicht sein, dass es die ganze Zeit bei mir so geklappt hat und auf einmal nicht mehr.
Habe ehrlich gesagt keine riesen Lust mich jetzt neu rein zudenken.
Ich kann ja nichtmals schnell das Design übernehmen wie ich das jetzt verstanden habe.
 
Das ist richtig, denn deine momentane Arbeitsweise ist nicht mehr aktuell und ist viel umständlicher als nötig.

Das ist auch kein kleiner Schritt, sondern ein komplettes Umdenken. Du musst so ziemlich alles vergessen, was du bis jetzt gemacht hast und akzeptieren, dass es Sachen gibt, die vielleicht Funktionieren und auf den ersten Blick schön einfach aussehen, es anders aber besser ist. Viele scheitern daran. Ich hoffe du nicht, denn es ist eigentlich ganz einfach, wenn man es erstmal begriffen hat.
 
Design ist Aufgabe von CSS, HTML hat damit nichts zu tun.

Das Design wird auch erst erstellt, wenn der Inhalt steht und semantisch korrekt ausgezeichnet ist. Bis dahin ist das Aussehen im Browser völlig egal, weil man mit CSS alles so anpassen kann, wie man es möchte.

Trennung von Inhalt und Layout nennt man das. Hat enorme Vorteile, denn man kann das Layout ändern, ohne am HTML etwas ändern zu müssen.
 
Sry, dass ich immer mit meinem Photoshop um die Ecke komme aber noch ne kleine Frage: Habe einfach mal just4fun statt Tabellarisch als CSS exportieren lassen und habe den Code bekommen:

Code: 
<html>
<head>
<title>polo6Nv3</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- Save for Web Styles (polo6Nv3.psd) -->
<style type="text/css">
<!--

#Tabelle_01 {
    position:absolute;
    left:0px;
    top:0px;
    width:1100px;
    height:825px;
}

#index-01 {
    position:absolute;
    left:0px;
    top:0px;
    width:1100px;
    height:162px;
}

#index-02 {
    position:absolute;
    left:0px;
    top:162px;
    width:176px;
    height:76px;
}

#index-03 {
    position:absolute;
    left:176px;
    top:162px;
    width:77px;
    height:24px;
}

#index-04 {
    position:absolute;
    left:253px;
    top:162px;
    width:92px;
    height:24px;
}

#index-05 {
    position:absolute;
    left:345px;
    top:162px;
    width:51px;
    height:24px;
}

#index-06 {
    position:absolute;
    left:396px;
    top:162px;
    width:74px;
    height:24px;
}

#index-07 {
    position:absolute;
    left:470px;
    top:162px;
    width:96px;
    height:24px;
}

#index-08 {
    position:absolute;
    left:566px;
    top:162px;
    width:534px;
    height:4px;
}

#index-09 {
    position:absolute;
    left:566px;
    top:166px;
    width:4px;
    height:49px;
}

#index-10 {
    position:absolute;
    left:570px;
    top:166px;
    width:350px;
    height:16px;
}

#index-11 {
    position:absolute;
    left:920px;
    top:166px;
    width:180px;
    height:70px;
}

#index-12 {
    position:absolute;
    left:570px;
    top:182px;
    width:350px;
    height:33px;
}

#index-13 {
    position:absolute;
    left:176px;
    top:186px;
    width:390px;
    height:29px;
}

#index-14 {
    position:absolute;
    left:176px;
    top:215px;
    width:8px;
    height:610px;
}

#index-15 {
    position:absolute;
    left:184px;
    top:215px;
    width:728px;
    height:587px;
}

#index-16 {
    position:absolute;
    left:912px;
    top:215px;
    width:8px;
    height:610px;
}

#index-17 {
    position:absolute;
    left:920px;
    top:236px;
    width:12px;
    height:589px;
}

#index-18 {
    position:absolute;
    left:932px;
    top:236px;
    width:158px;
    height:81px;
}

#index-19 {
    position:absolute;
    left:1090px;
    top:236px;
    width:10px;
    height:589px;
}

#index-20 {
    position:absolute;
    left:0px;
    top:238px;
    width:12px;
    height:587px;
}

#index-21 {
    position:absolute;
    left:12px;
    top:238px;
    width:156px;
    height:79px;
}

#index-22 {
    position:absolute;
    left:168px;
    top:238px;
    width:8px;
    height:587px;
}

#index-23 {
    position:absolute;
    left:12px;
    top:317px;
    width:156px;
    height:44px;
}

#index-24 {
    position:absolute;
    left:932px;
    top:317px;
    width:158px;
    height:44px;
}

#index-25 {
    position:absolute;
    left:12px;
    top:361px;
    width:156px;
    height:203px;
}

#index-26 {
    position:absolute;
    left:932px;
    top:361px;
    width:158px;
    height:203px;
}

#index-27 {
    position:absolute;
    left:12px;
    top:564px;
    width:156px;
    height:52px;
}

#index-28 {
    position:absolute;
    left:932px;
    top:564px;
    width:158px;
    height:52px;
}

#index-29 {
    position:absolute;
    left:12px;
    top:616px;
    width:156px;
    height:195px;
}

#index-30 {
    position:absolute;
    left:932px;
    top:616px;
    width:158px;
    height:197px;
}

#index-31 {
    position:absolute;
    left:184px;
    top:802px;
    width:728px;
    height:23px;
}

#index-32 {
    position:absolute;
    left:12px;
    top:811px;
    width:156px;
    height:14px;
}

#index-33 {
    position:absolute;
    left:932px;
    top:813px;
    width:158px;
    height:12px;
}

-->
</style>
<!-- End Save for Web Styles -->
</head>
<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<!-- Save for Web Slices (polo6Nv3.psd) -->
<div id="Tabelle_01">
    <div id="index-01">
        <img src="Bilder/index_01.jpg" width="1100" height="162" alt="">
    </div>
    <div id="index-02">
        <img src="Bilder/index_02.jpg" width="176" height="76" alt="">
    </div>
    <div id="index-03">
        <img src="Bilder/index_03.jpg" width="77" height="24" alt="">
    </div>
    <div id="index-04">
        <img src="Bilder/index_04.jpg" width="92" height="24" alt="">
    </div>
    <div id="index-05">
        <img src="Bilder/index_05.jpg" width="51" height="24" alt="">
    </div>
    <div id="index-06">
        <img src="Bilder/index_06.jpg" width="74" height="24" alt="">
    </div>
    <div id="index-07">
        <img src="Bilder/index_07.jpg" width="96" height="24" alt="">
    </div>
    <div id="index-08">
        <img src="Bilder/index_08.jpg" width="534" height="4" alt="">
    </div>
    <div id="index-09">
        <img src="Bilder/index_09.jpg" width="4" height="49" alt="">
    </div>
    <div id="index-10">
        <img src="Bilder/index_10.jpg" width="350" height="16" alt="">
    </div>
    <div id="index-11">
        <img src="Bilder/index_11.jpg" width="180" height="70" alt="">
    </div>
    <div id="index-12">
        <img src="Bilder/index_12.jpg" width="350" height="33" alt="">
    </div>
    <div id="index-13">
        <img src="Bilder/index_13.jpg" width="390" height="29" alt="">
    </div>
    <div id="index-14">
        <img src="Bilder/index_14.jpg" width="8" height="610" alt="">
    </div>
    <div id="index-15">
        <img src="Bilder/index_15.gif" width="728" height="587" alt="">
    </div>
    <div id="index-16">
        <img src="Bilder/index_16.jpg" width="8" height="610" alt="">
    </div>
    <div id="index-17">
        <img src="Bilder/index_17.jpg" width="12" height="589" alt="">
    </div>
    <div id="index-18">
        <img src="Bilder/index_18.jpg" width="158" height="81" alt="">
    </div>
    <div id="index-19">
        <img src="Bilder/index_19.jpg" width="10" height="589" alt="">
    </div>
    <div id="index-20">
        <img src="Bilder/index_20.jpg" width="12" height="587" alt="">
    </div>
    <div id="index-21">
        <img src="Bilder/index_21.jpg" width="156" height="79" alt="">
    </div>
    <div id="index-22">
        <img src="Bilder/index_22.jpg" width="8" height="587" alt="">
    </div>
    <div id="index-23">
        <img src="Bilder/index_23.jpg" width="156" height="44" alt="">
    </div>
    <div id="index-24">
        <img src="Bilder/index_24.jpg" width="158" height="44" alt="">
    </div>
    <div id="index-25">
        <img src="Bilder/index_25.jpg" width="156" height="203" alt="">
    </div>
    <div id="index-26">
        <img src="Bilder/index_26.jpg" width="158" height="203" alt="">
    </div>
    <div id="index-27">
        <img src="Bilder/index_27.jpg" width="156" height="52" alt="">
    </div>
    <div id="index-28">
        <img src="Bilder/index_28.jpg" width="158" height="52" alt="">
    </div>
    <div id="index-29">
        <img src="Bilder/index_29.jpg" width="156" height="195" alt="">
    </div>
    <div id="index-30">
        <img src="Bilder/index_30.jpg" width="158" height="197" alt="">
    </div>
    <div id="index-31">
        <img src="Bilder/index_31.jpg" width="728" height="23" alt="">
    </div>
    <div id="index-32">
        <img src="Bilder/index_32.jpg" width="156" height="14" alt="">
    </div>
    <div id="index-33">
        <img src="Bilder/index_33.jpg" width="158" height="12" alt="">
    </div>
</div>
<!-- End Save for Web Slices -->
</body>
</html>

Was sagste dazu ?
 
Das ist leider kein Stück besser, denn alle Elemente sind absolut positioniert mit exakten Pixelangaben, somit ist die Seite nicht flexibel und kann sich unterschiedlichen Viewports nicht anpassen.

Das HTML ist auch schlecht, ausser div und img ist dort nichts vorhanden, ein div ist aber nur zum gruppieren mehrerer Elemente vorgesehen und hat keine semantische Bedeutung. Gruppiert wird hier nichts, da es immer nur ein img in einem div ist und bei HTML geht es eben nur um die Semantik, um nichts anderes.

Wie gesagt, Photoshop ist ein super Bildbearbeitungsprogramm, das wars dann aber schon. Du lässt dein Haus ja auch nicht von einem Grafiker bauen, sondern von einer Fachkraft, oder?
 
Erlaubt mir die Anmerkungen, wenn Ihr so einen schönen Thread schon ohne mich führt :-)

mikekue schrieb:
habe schon hier im Forum gelesen, dass iframes nicht mehr das sind was sei einmal waren !
Zum Vergrößern anklicken....
Frames jeglicher Art sind heute immer noch das selbe, wie vor 15 Jahren. Sie hatten auch damals schon alle Nachteile, die sie heute hatten. An der Umsetzung von Frames hat sich nichts geändert. Frames waren auch damals schlecht. Bloß die Mentalität der Nutzer und Webmaster hat sich geändert - zum Besseren hin.

mikekue schrieb:
Eure Meinungen sind ja in Ordnung aber ich mache seid Jahren meine Seiten so und bis jetzt hatte ich NIE ein Problem mit der Darstellung meiner Internetseiten.
Zum Vergrößern anklicken....
Es sind keine Meinungen, die hier angeführt werden, sondern Fakten.
Und die Darstellung ist nur ein Teil bei Webseiten, es geht im WWW nicht nur darum, etwas darzustellen! Das muss Dir als Betreiber einer Website klar sein. Allein schon die Suchmaschinen, die gucken sich nichts an. Die sind auf die Semantik angewiesen, das ist der andere wichtige Teil. Und die Semantik kann Dir kein Programm abnehmen.

Für meine Zwecke reicht der Aufbau der Seite einfach so.
Zum Vergrößern anklicken....
Wenn man eine private Website macht, die zugangsgeschützt ist, wo nur ausgewählte Leute reindürfen, da mag diese Einstellung zutreffen. Aber generell gilt bei jeder Website, dass man sie einem Publikum von hunderten Millionen Menschen weltweit offen stellt, und da geht es nie um die Zwecke des Webmasters allein.

sysop schrieb:
seit neuestem gibt niemand mehr antworten auf gestellte html-fragen, es wird sofort an der semantik runkritisiert.
Zum Vergrößern anklicken....
Tatsache ist, dass die Semantik der Hauptsinn von HTML ist. Daher ist das wohl völlig legitim. Aber die Diskussion kennst Du ja schon :-)

mal abgesehen davon, ob etwas schön ist, sollte der code trotzdem zunächst mal funktionieren.
Zum Vergrößern anklicken....
Das tut er ja nicht, wenn die Semantik nicht stimmt.

mikekue schrieb:
Jo vllt habt ihr ja recht aber es muss dennoch eine Lösung für mein Problem geben da ich ja verdammtnochmal 4 Jahre ne Seite online hatte die bei allen die ich gefragt habe ohne Probleme lief und es jetzt nunmal nicht mehr klappt.
Zum Vergrößern anklicken....
Die Du gefragt hast, werden aber nichtmal annähernd 1 Promille von denen sein, die die Site nutzen können.
Man muss im WWW in anderen Dimensionen denken.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben