Antworten auf deine Fragen:
Neues Thema erstellen

Frameset wird nicht angezeigt

G

grinsen

Noch nicht viel geschrieben

Hi,

ich wollte den durchs Menü angezeigten Content meiner Webseite in ein Frameset aufteilen. Nun habe ich aber alle Varianten durch und kann den Fehler nicht finden, warum ich mein Frameset nicht sehe. Hoffe ihr könnt helfen.

CSS:
Code: 
@charset "utf-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
}


body {
    background: url(images/background.png) repeat-x center top;
    height:600px;
    width:1300px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#menu {
    background: url(images/menue.png) no-repeat center top;
    list-style-type:none;
    width:1300px;
    height:63px;
    margin:auto;
}

#menu ul {
    margin-left:382px;
}

#menu li {
    float:left;
    display: block;
    margin-left:22px;
    margin-right:-22px;
}

#menu a {
    display: block;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    border: none;
    width:246px;
    height:63px;
    
}

#menu p{
    padding:23px 0px 25px 100px;
}

#menu a.verw1:hover {
    background: url(images/leftbuttonpressed.png) no-repeat center top;
    color: #FFFFFF;
}

#menu a.verw2:hover {
    background: url(images/rightbuttonpressed.png) no-repeat center top;
    color: #FFFFFF;
}

#content{
    margin-top:105px;
    color: #FFFFFF;
}

#content p{
    padding:25px 25px 0px 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

#blackbox{
    background-color:#000;
    height:472px;
}

#greybox{
    background-color:#201E22;
    height:472px;
}

#bodyextended{
    background-color:#662D2D;
    
}

HTML:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
   "http://www.w3.org/TR/html4/frameset.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title>Untitled Document</title>
<link href="MyStyle.css" rel="stylesheet" type="text/css" media="screen" />
</head>
    <body>

        <div id="menu">
            <ul>
                   <li><a class="verw1" href="about.html"><p>About</p></a></li>
                <li><a class="verw2" href="projects.html"><p>Projects</p></a></li>
            </ul>
        </div>

        <div id="content">
            <frameset cols="250,*">
                  <frame src="verweise.htm" name="Navigation">
                  <frame src="startseite.htm" name="Daten">
  
            </frameset>
        </div>


    </body>
</html>

Frameset1 (startseite.htm):
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Navigation</title>
</head>
<body bgcolor="#E0C0FF" text="#000000" link="#804080" vlink="#603060" alink="#804080">

<h1>Navigation</h1>
<p>
  <a href="../index.htm" target="Daten"><b>&Uuml;ber Frames</b></a><br>
  <a href="../../index.htm" target="Daten"><b>&Uuml;ber HTML</b></a><br>
  <a href="../../../index.htm" target="Daten"><b>Noch viel mehr</b></a>
</p>

</body>
</html>

Frameset2 (verweise.htm):
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Startseite</title>
</head>
<body bgcolor="#FFF0C0" text="#000000" link="#A00000" vlink="#600000" alink="#A00000">

<h1>Willkommen</h1>

<p>W&auml;hlen Sie links einen Verweis aus!</p>

</body>
</html>

Ich weiss nicht ob es vl am Doctype liegt oder irgendeiner fehlenden Definition :( Die Links sind eigtl richtig gesetzt. Habe es auch mit dem Doctype <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ausprobiert.
 

MyBad

MyBad

localhorst

AW: Frameset wird nicht angezeigt

Ich hab mal eine Gegenfrage: Warum nutzt du Frames? Hat das einen bestimmten Grund? Denn mittlerweile ist diese Technik stark veraltet und sollte nicht mehr eingesetzt werden.
 
cebito

cebito

undefined

AW: Frameset wird nicht angezeigt

Die Frage stelle ich mir auch, warum tust du dir das an? Ansonsten kann ich nur die Seite zitieren, wo du dir die Schnipsel rauskopiert hast:
Ein weiterer wichtiger Unterschied zu anderen HTML-Dateien ist, dass Dateien mit Frameset-Definitionen kein body-Element besitzen. Anstelle des body-Elements, also nach dem abschließenden </head>-Tag für den Dateikopf, werden die Frames definiert.
Zum Vergrößern anklicken....
Man sollte auch lesen und nicht nur per c&p alles übernehmen...
 
G

grinsen

Noch nicht viel geschrieben

AW: Frameset wird nicht angezeigt

Also ich sage mal so. Bisher habe ich nichts mit c&c gemacht. Hier habe ich es auch zuerst mit meinem eigenen Frames versucht. Hat nicht geklappt. Danach habe ich ein Beispiel genommen um zu schauen ob es damit klappt und was ich falsch gemacht habe. Im Beispiel hat es aber auch nicht geklappt.

Ich hatte vorher schon ohne Frames gearbeitet. Für den Content einfach eine Liste aus 2 Elementen mit float:left. Irgendwie kam ich auf Frames. Ich wusste nicht das es veraltet ist :( Also mache ich wohl mit den Listen weiter.

Danke für die Ansage :D

€ Jetzt wo ich wieder bei den Listen bin stellt sich mir die Frage wie ich eine Liste aus 2 Elementen mit float:left mit width belegen kann. Also das linke List Element soll meinetwegen 300px groß sein und das rechte den Rest einnehmen.
 
Zuletzt bearbeitet:
G

grinsen

Noch nicht viel geschrieben

AW: Frameset wird nicht angezeigt

HTML

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title>Untitled Document</title>
<link href="MyStyle.css" rel="stylesheet" type="text/css" media="screen" />
</head>
    <body>

        <div id="menu">
            <ul>
                   <li><a class="verw1" href="about.html"><p>About</p></a></li>
                <li><a class="verw2" href="projects.html"><p>Projects</p></a></li>
            </ul>
        </div>


        <div id="content">
            <ul>
                <li>
                    <div id="blackbox">
sdfsfsdfsdf
                    </div>
                   </li>
                <li>
                    <div id="greybox">
                        <p>sgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsg <br /> <br /> 
                        
                    fgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsgdefgrsdfgdsgsg
                    </div>
                  </li>
            </ul>
        </div>

    </body>
</html>
CSS

Code: 
@charset "utf-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
}


body {
    background: url(images/background.png) repeat-x center top;
    height:600px;
    width:1300px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#menu {
    background: url(images/menue.png) no-repeat center top;
    list-style-type:none;
    width:1300px;
    height:63px;
    margin:auto;
}

#menu ul {
    margin-left:382px;
}

#menu li {
    float:left;
    display: block;
    margin-left:22px;
    margin-right:-22px;
}

#menu a {
    display: block;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    border: none;
    width:246px;
    height:63px;
    
}

#menu p{
    padding:23px 0px 25px 100px;
}

#menu a.verw1:hover {
    background: url(images/leftbuttonpressed.png) no-repeat center top;
    color: #FFFFFF;
}

#menu a.verw2:hover {
    background: url(images/rightbuttonpressed.png) no-repeat center top;
    color: #FFFFFF;
}

#content{
    margin-top:105px;
    color: #FFFFFF;
}

#content li {
    float:left;
    display: block;
    list-style-type:none;
}

#content p{
    padding:25px 25px 0px 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

#blackbox{
    background-color:#000;
    height:472px;
}

#greybox{
    background-color:#201E22;
    height:472px;
}

#bodyextended{
    background-color:#662D2D;
    
}



So sieht das ganze herausgezoomt aus. Unabhängig von dem weißen überstehenden Text, weiss ich nicht wie ich es hinbekomme das 1. die beiden Boxen blackbox und greybox nebeneinander stehen, obwohl ich schon float:left habe und als 2. wie ich greybox in Abhängigkeit von blackbox skaliere.
 
Zuletzt bearbeitet:
O

opc2

Noch nicht viel geschrieben

AW: Frameset wird nicht angezeigt

gib bei blackbox noch width an. solltest das ganze noch in einen container packen.

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<link href="mystyle.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrapper">
  <div id="menu">
    <ul>
      <li>about</li>
      <li>projects</li>
    </ul>
  </div>
  <div id="blackbox"></div>
  <div id="greybox">"</div>
</div>
</body>
</html>
Code: 
@charset "utf-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
}

body {
    background: url(images/background.png) repeat-x center top;
    height:600px;
    width:1300px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
#wrapper {
    width: 100%;
}
#menu {
    background: url(images/menue.png) no-repeat center top;
    list-style-type:none;
    width:1300px;
    height:63px;
    margin:auto;
}

#menu ul {
    margin-left:382px;
}

#menu li {
    float:left;
    display: block;
    margin-left:22px;
    margin-right:-22px;
}

#menu a {
    display: block;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    border: none;
    width:246px;
    height:63px;
    
}

#menu p{
    padding:23px 0px 25px 100px;
}

#menu a.verw1:hover {
    background: url(images/leftbuttonpressed.png) no-repeat center top;
    color: #FFFFFF;
}

#menu a.verw2:hover {
    background: url(images/rightbuttonpressed.png) no-repeat center top;
    color: #FFFFFF;
}

#content{
    margin-top:105px;
    color: #FFFFFF;
}

#content li {
    float:left;
    display: block;
    list-style-type:none;
}

#content p{
    padding:25px 25px 0px 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

#blackbox{
    background-color:#000;
    height:472px;
    float: left;
    width: 100px;
}

#greybox{
    background-color:#201E22;
    height:472px;
}

#bodyextended{
    background-color:#662D2D;
    
}
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden
Zu den Gratis-Inhalten

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Gesamt: 168 (Mitglieder: 7, Gäste: 161)
Robots: 831

Statistik des Forums

Themen
118.635
Beiträge
1.538.463
Mitglieder
67.558
Neuestes Mitglied
StarsMan
Oben