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

kein verschieben von Frames durch Auflösungsänderung

Status
Für weitere Antworten geschlossen.
M

MrDeluxe

Neues Mitglied
Guten Tag,
ich hab ein Problem...

Ich hab es zwar geschaft das mein Frame ungefähr im IE sowie im Firefox gleich ausschauen mag ABER ich habs noch nicht hinbekommen das wenn ich dich Auflösung ändere der Frame genau da bleibt wo er eigentlich hin sollte. In meinem Fall soll das Frame im Turntable mittig sein...

Siehe: www.electrikk.de

Vielen Dank für die Antworten!
 
Verzichte auf Frames, dann treten dererlei Probleme nicht auf.

Außerdem hast du deinen DIV#box absolut positioniert. Es ist also kein wunder, das sich dein Plattenspieler dahinter verschiebt, wenn sich die Größe des Browserfensters ändert.

Also mach dir doch einen Div mit fester Breite, welcher dann deinen Plattenspieler als Hintergrundbild hat. In diesem DIV platzierst du dann deine restlichen Elemente, feddisch...
 
was soll ich denn anstatt frames nehmen? CSS?

du sagst das so einfach den Turntable als Hintergrund nehmen... wenn ich eine andere Auflösung dann verwende werden dann quasi 2 Stück angezeigt also eins ganz und ein Stückchen noch vom Anfang...

Wenn ich die divbox auf fixed setze dann verschiebt sich beim scrollen halt nur der Div und der Turnie bleibt stehen... als Hintergrund zu nehmen wäre da bissl blöd...

meine Vorstellungen wären ungefähr wie auf: A.T.F. - Anonyme-Techno-Fraktion in Leipzig, Sachsen

die haben das da iwie mit Tabellen gemacht aber da hab ich noch wenig Ahnung davon :(
 
was soll ich denn anstatt frames nehmen? CSS?
Zum Vergrößern anklicken....
Was hat das eine mit dem anderen zu tun. Aber recht hast Du. Natürlich sind Container und CSS die bessere Lösung.

Folgender Code zentriert eine DIV horizontal und setzt deinen Plattenspieler mittig als Hintergrundbild.
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>deine Seite</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
*{
padding:0;
margin:0;
}
HTML, BODY{
height:100%;
background-color:#FFF;
}
DIV#wrap{
margin:0px auto;
width:850px;
height:100%;
background-image:url(turntable2.gif);
background-position:center;
background-repeat:no-repeat;
}
</style>
</head>

<body>
<div id="wrap">

</div>
</body>
</html>
Geh immer Step by Step vor. Dann merkst du sofort, wenn etwas nicht funktioniert. Nimm mein Grundgerüst als Vorlage und bau die Seite Stück für Stück darauf auf.
 
so schauts nun aus:

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>electrikk.de</title>
<style type="text/css">
<!--
body {
    background-color: #000000;
}
.Stil1 {
    color: #000000
}
a:link {
    color: #000000;
}
a:visited {
    color: #666666;
}
a {
    font-family: Aarco-;
    font-weight: bold;
}
-->
</style></head>

<body>
<table width="842" height="665" background="Pictures/turntable2.gif" border="0" cellpadding="0" cellspacing="0" align="center">
  <tr>
    <td width="842" height="665" background="../Pictures/turntable2.gif"><table width="842" height="653" background="Pictures/turntable2.gif" border="0" cellpadding="0" cellspacing="0" align="center">
      <tr>
         <td width="842" height="653" background="../Pictures/turntable2.gif"><table width="100%" border="0" background="../Pictures/turntable2.gif" bgcolor="#000000">
          <tr>
            <td width="10%" height="109"><table width="97" height="91" border="0">
              <tr>
                <td width="10" height="23">&nbsp;</td>
                <td width="56">&nbsp;</td>
                <td width="17">&nbsp;</td>
              </tr>
              <tr>
                <td height="32">&nbsp;</td>
                <td bordercolor="0"><div align="center" class="Stil1"><a href="ComingSoon.html" target="window">HOME</a></div></td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
            </table></td>
            <td width="4%">&nbsp;</td>
            <td width="50%">&nbsp;</td>
            <td width="16%">&nbsp;</td>
            <td width="20%">&nbsp;</td>
          </tr>
          <tr>
            <td height="429">&nbsp;</td>
            <td>&nbsp;</td>
            <td><iframe src="Vinyl.html" name="window" width="100%" height="325" frameborder="100" id="window"></iframe>
               
            </td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td height="31">&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        </table>
              <p align="right">&nbsp;</p>
          <p align="right">&nbsp;</p></td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>

habs mit table gemacht wie du siehst...
der Turntable ändert sich leider bei Veränderung der Auflösung aber der DIV bleibt artig da wo er soll...
 
tja ohne den Tables hab ichs ja schon versucht aber ohne diese geht es einfach nicht, wenn ja sag mir bitte wie.
Du wirst sehen wenn du ohne die Tables die Auflösung ändern würdest, würde sich auch der Frame und alles andere ändern und nichts wäre dort wo es sein müsste...
 
MrDeluxe schrieb:
Du wirst sehen wenn du ohne die Tables die Auflösung ändern würdest, würde sich auch der Frame und alles andere ändern und nichts wäre dort wo es sein müsste...
Zum Vergrößern anklicken....
Dem muss ich widersprechen:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>deine Seite</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
*{
padding:0;
margin:0;
}
HTML, BODY{
height:100%;
background-color:#FFF;
}
DIV#wrap{
margin:0px auto;
width:850px;
height:100%;
background-image:url(turntable2.gif);
background-position:top;
background-repeat:no-repeat;
}

IFRAME#myFrame{
width:300px;
height:300px;
margin:190px 370px 0px 180px
}
</style>
</head>

<body>
<div id="wrap">
  <iframe id="myFrame" src="vorschau.htm"></iframe>
</div>
</body>
</html>
 
lol das is ja mal übel wayne wenns doch funzt xD

@gruenspan
ich habs jetzt mal mit deiner Methode gemacht das Problem ist aber das gleiche...
Wenn ich die Auflösung ändere, verschiebt sich der Hintergrund hinter dem DIV/Frame je nach dem... mit Tabellen und Div ist es aber machbar oder?

Das Problem für mich scheint aber dieser Fall hier:
Code: 
<td height="581">&nbsp;</td>
    <td background="file:///V|/****/****/****/electrikk/Background/turntable1.gif"></td>
Der background soll sich nicht mehr wiederholen, mit welcher Funktion kann ich das realisieren?

NEU
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>www.electrikk.de vol.1 hard music only</title>
<style type="text/css">
<!--
body {
    background-color: #000000;
}

*{
padding:0;
margin:0;
}
HTML, BODY{
height:100%;
background-color:#000000;
}
DIV#wrap{
    width:425px;
    height:325px;
    background-position:center;
    background-repeat:no-repeat;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background-color: #000000;
}
IFRAME#Fenster{
    width:425px;
    height:325px;
    margin-top: 10px;
    margin-right: 370px;
    margin-bottom: 0px;
    margin-left: 5px;
}
#apDiv1 {
    position:absolute;
    left:43px;
    top:33px;
    width:334px;
    height:117px;
    z-index:1;
}
-->
</style>
</head>

<body>
<div id="apDiv1">
  <table width="331" height="99" border="0">
    <tr>
      <td width="79" height="21">&nbsp;</td>
      <td width="125">&nbsp;</td>
      <td width="105">&nbsp;</td>
    </tr>
    <tr>
      <td height="24"><div align="center"><a href="file:///V|/Users/GuruGurke/Documents/electrikk/Pages/ComingSoon.html" target="Fenster">Home</a></div></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </table>
</div>
<table width="921" height="675" border="0">
  <tr>
    <td width="49" height="23">&nbsp;</td>
    <td width="847">&nbsp;</td>
    <td width="11">&nbsp;</td>
    <td width="11">&nbsp;</td>
  </tr>
  <tr>
    <td height="604">&nbsp;</td>
    <td background="Background/turntable1.gif"><table width="863" height="307" border="0" align="left">
      <tr>
        <td width="121" height="204">&nbsp;</td>
        <td width="450"><div id="wrap">
          <iframe id="Fenster" src="Pages/Vinyl.html"></iframe>
        </div></td>
        <td width="270">&nbsp;</td>
      </tr>
      <tr>
        <td height="23">&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      
    </table></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

das Problem ist aber das, wenn ich Home klicke nicht im Frame geöffnet wird... wieso???
 
Zuletzt bearbeitet von einem Moderator:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben