energy_drink: Div in Frame aufteilen.

Hallo,
ich will eine Seite so aufteilen, dass nur ein bestimmter Bereich im Center in zwei Frames aufgeteilt wird. Dafür wollte ich halt ein Div erstellen, dass ich aufteile aber irgendwie bekomm ich das net hin. Bzw kann man vllt auch nur 2 Frames machen und die Position von dem angeben ?

  1. ich will eine Seite so aufteilen, dass nur ein bestimmter Bereich im Center in zwei Frames aufgeteilt wird. Dafür wollte ich halt ein Div erstellen, dass ich aufteile aber irgendwie bekomm ich das net hin. Bzw kann man vllt auch nur 2 Frames machen und die Position von dem angeben ?

    Wie sind deine Lösungsansätze? Vll hast du nur einen kleinen Fehler der behoben werden muss. Aber ohne Code kann dir keiner helfen - insbesondere weil hier genau die Ansätze und das Können gefördert werden soll und keine in Raum geworfenen Lösungen dich zu Ruhm und Homepage bringen sollen. ;)

    1. <html>  
        
      <head>  
          <title>Interaktives Buch</title>  
        
        
      </head>  
      <frameset cols="20, 60, 20" frameborder="0" framespacing="0" border="0">  
        <frame name="left" src="left.htm" scrolling="no" />  
        <frameset rows="10, 80, 10" frameborder="0" framespacing="0" border="0">  
              <frame name="oben" src="oben.htm" scrolling="no" />  
                  <frameset cols="50, 50" frameborder="0" framespacing="0" border="0" style="height: 600px; width: 800px ; margin: 0px;">  
                  <frame name="seitelinks" src="seitelinks.htm" scrolling="no"  style="height: 600px; width: 400px; margin: 0px;" />  
                  <frame name="seiterechts" src="seiterechts.htm" scrolling="no" style="height: 600px; width: 400px; margin: 0px;" />  
                  </frameset>  
              <frame name="unten" src="unten.htm" scrolling="no" />  
        </frameset>  
        <frame name="right" src="right.htm" scrolling="no" />  
      </frameset>  
        
      <body>  
        
        
      </body>  
      </html>
      

      ist jetzt halt ziemlich umständlich deswegen wollte ich wissen ob es einfacher geht. Bzw brauche ich ein Hintergrundbild und bei 4 frames im hintergrund ist das auch ziemlich doof, kann man frames eventuell transparent machen ? :D

      1. Lieber energy_drink,

        leider scheinst Du beratungsresisten zu sein. Oder was hast Du an meiner Antwort nicht verstanden?

        Dass Du Frames ganz offensichtlich zu Layoutzwecken missbrauchst, ist ein Detail, das Du jetzt erst offenbarst. Daher kann ich Dir zumindest layout-technisch einen zielführenden Rat geben: Benutze <http://de.selfhtml.org/css/layouts/mehrspaltige.htm#kopf_fuss@title=CSS zum Layouten Deiner Seite>!

        Das oben verlinkte Kapitel kann man übrigens auch <http://de.selfhtml.org/css/layouts/einfuehrung.htm#kopf_fuss@title=von Anfang an> lesen, damit man den technischen Stand der verlinkten Seite vollauf versteht...

        Liebe Grüße,

        Felix Riesterer.

        --
        ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)
        1. ich hab schon verstanden,dass Frames veraltet und überflüssig sind, aber ich bekomme das mit den Box-Elementen nicht hin. Das Layout mit CSS zu machen empfinde ich viel schwerer. wenn ich die Box-Elemente verwende benötige ich min. 2 und diese müssen zentriert in der Mitte sein ohne zwischen Lücke.

          <div id="seitenbegrenzung">  
          			<h1> Diese Überschrift sollte eigentlich ausgeblendet werden! </h1>  
          			<p> Seitenbegrenzung </P>  
          			<!-- Linke Seite -->  
          			<div id="linkeseite">  
          				<!-- -->  
          				<h2> Seite 1 </h2>  
          				<p> Linke Seite </P>  
          			</div>  
            
          			<!-- Rechte Seite -->  
          			<div id="rechteseite">  
          				<!-- -->  
          				<h2> Seite 2 </h2>  
          				<p> Rechte Seite </P>  
          				<a href="seite2.htm"> 3 </a>  
          			</div>  
          		</div>
          
          #seitenbegrenzung{  
            
          	margin-top: 5em;  
          	height: 600px;  
          	width: 512px;  
          			padding-right:56px;  
          	padding-left:56px;  
                                  background: red;  
          }  
            
          #linkeseite{  
            
            
          	/* Abstände */  
          		/* margin-left: 10%; */  
          	padding-left: 0em;  
          	padding-right: 0em;  
            
          	/* Größe */  
          	height: 300px;  
          	width: 200px;  
            
          	/* Sonstiges */  
          	background: white;  
          	float: left  
            
            
          }  
            
          h1 {  
          	display: none;  
          }  
            
          #rechteseite{  
          	/* Umrandungseinstellungen */  
            
            
          	/* Abstände */  
            
          	padding-left: 0em;  
          	padding-right: 0em;  
            
          	/* Größe */  
          	height: 300px;  
          	width: 200px;  
            
          	/* Sonstiges */  
          	background: white;
          
            1. Om nah hoo pez nyeetz, Rowland!

              Schlechte Tipps!

              * zentrieren einfach mit margin-left: auto; margin-right: auto;
              * zentrieren auch horizontal: suit
              * display: inline-block; ist eine bessere Alternative

              Matthias

              --
              1/z ist kein Blatt Papier.

              1. Hallo, habs jetzt so hin bekommen wie ich es haben will, würde aber gerne noch das <div id="globalesdiv" align="center">
                align="center" im CSS zu definieren aber ich will es nicht so kompliziert machen, bzw.margin-left: auto; margin-right: auto;
                hat keine Wirkung, habs beim body eingestellt und bei globalediv hab ichs auch probiert aber hat sich nix getan.

                <!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> InteraktivesBuchv1 </title>  
                  
                	<!-- Schriftsatz festlegen -->  
                	<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />  
                  
                	<!-- CSS Import -->  
                	<link href="buchstyle.css" type="text/css" rel="stylesheet" />  
                  
                	<!-- Javascript  
                	<script type="text/java"> </script> -->  
                  
                </head>  
                  
                <body>  
                  
                <div id="globalesdiv" align="center">  
                		<!-- Seitenbegrenzung -->  
                		<div id="seitenbegrenzung">  
                  
                			<!-- Rechte Seite -->  
                			<div id="rechteseite">  
                				<!-- -->  
                				<h2> Seite 2 </h2>  
                				<p> Rechte Seite </p>  
                				<a href="seite2.htm"> 3 </a>  
                			</div>  
                			<!-- Linke Seite -->  
                			<div id="linkeseite">  
                				<!-- -->  
                				<h2> Seite 1 </h2>  
                				<p> Linke Seite </p>  
                			</div>  
                  
                  
                		</div>  
                	</div>  
                </body>  
                </html>
                
                body {  
                	/* Hintergrund */  
                	background-color: #000;  
                	background-repeat: repeat -y;  
                  
                	/* Sonstiges */  
                	font-family: Arial, sans-serif;  
                  
                	/* Alle Kästen an den Rand */  
                  
                }  
                  
                #globalesdiv{  
                  
                	padding-top:100px;  
                  
                  
                }  
                  
                #seitenbegrenzung{  
                  
                  
                  
                	height: 600px;  
                	width: 800px;  
                  
                  
                                        background: red;  
                }  
                  
                #linkeseite{  
                  
                  
                	/* Abstände */  
                 float:left;  
                  
                	/* Größe */  
                	height: 600px;  
                	width: 400px;  
                  
                	/* Sonstiges */  
                	background: white;  
                /*	margin-right: 200px; */  
                  
                  
                  
                }  
                  
                h1 {  
                	display: none;  
                }  
                  
                #rechteseite{  
                	/* Umrandungseinstellungen */  
                  
                  
                	/* Abstände */  
                  
                  
                  
                  
                  
                	/* Größe */  
                	height: 600px;  
                	width: 400px;  
                	float:right;  
                  
                	/* Sonstiges */  
                	background: white;  
                  
                  
                }  
                  
                  
                
                

                das ganze sieht zwar im Quelltext ziemlich Wild, aber das Ergebnis lässt sich sehen.

                Vielleicht habt ihr ja noch eine Idee wie ich das align="center" ersetzen kann.

                1. Om nah hoo pez nyeetz, energy_drink!

                  Dein globales div heißt body. Zentrieren, wie ich es schon vorgeschlagen habe oder als shorthand.

                  Matthias

                  --
                  1/z ist kein Blatt Papier.

                  1. Om nah hoo pez nyeetz, energy_drink!

                    Dein globales div heißt body. Zentrieren, wie ich es schon vorgeschlagen habe oder als shorthand.

                    Ergänzung: div-Elemente sind von Hause aus Block-Elemente und als solche ohne weiteres Zutun 100% breit. Damit man eine Zentrierung auch beobachten kann, müssen sie also eine Breite zugewiesen bekommen, die weniger als der zur Verfügung stehende Platz beträgt.

                    Matthias

                    --
                    1/z ist kein Blatt Papier.

                    1. hey Matthias,
                      ist schon klar das div Elemente 100% sind, wenn man sie nicht bestimmt. Aber ich will ja das alles was in dem global div drin ist zentriert wird. Nicht das globaldiv in dem body.

                      Also in dem Fall das div "seitenbegrenzung" in dem div globaldiv zentriert wird.

                      gruß

                      1. Om nah hoo pez nyeetz, energy_drink!

                        Aber ich will ja das alles was in dem global div drin ist zentriert wird.

                        text-align: center; für inline-Elemente; margin: 0 auto; für Blockelemente.

                        Matthias

                        --
                        1/z ist kein Blatt Papier.

                        1. für inline-Elemente funktionierts super,
                          aber margin: 0 auto hat bei mir irgendwie keinerlei Auswirkungen,
                          wo muss ich das den einsetzen `?

                          1. habs danke für deine Genuld :D schönes wochenende noch

  2. Lieber energy_drink,

    Du willst keine Frames. Die braucht es nämlich nicht. [Subotnik] [molily]

    Liebe Grüße,

    Felix Riesterer.

    --
    ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)