Ergebnis 1 bis 3 von 3

Thema: Alles verschiebt sich wenn man das Fenster verkleinert !

  1. #1
    Mastermsc
    Gast

    Standard Alles verschiebt sich wenn man das Fenster verkleinert !

    Hi, wenn ich das Windows verkleinere, verändert und verschiebt sich fast alles auf meiner Homepage ! ich weis aber nicht warum... es sollte sich bei Fensterverkleinerungen eigentlich nichts verändern !

    (http://mastermsc.ma.funpic.de/

    danke for Help !!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Interessierte/r
    Registriert seit
    05.11.2004
    Beiträge
    114
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    bei mir im ie wird auch n syntaxfehler angezeigt sobald ich die auflösung verringere.

    weiß jetzt nich genau worans liegt, aber sieht so aus als ob das rechte menü falsch angeordnet is. hast du irgendwo was eingebaut dass das z.b. 20 px vom rechten rand aus platziert werden soll? könnte mir vorstellen dass dann wenn der rand sich verschiebt sich eben auch das menü verschiebt...

    wie gesagt, genau weiß ichs nich...

  3. #3
    Mastermsc
    Gast

    Standard

    Also margin-left und right kommt schon öfters vor...


    Also hier der .css code (für FIREFOX optimiert) :
    [size=7]
    Code:
     
    
    #bgcolor {
    background:url(images/bg.jpg) repeat:x;
    }
    #menucontainer {
    
    background-image:url(images/blockbgtitle.gif);
    width:94%;
    float:left;
    padding:5px;
    margin:0px 5px 5px 0px;
    line-height:30px;
    }
    .menucontainer2 {
    width:100%;
    float:left;
    margin-top:-12px;
    height:5px;
    }
    
    #menucontainer3 {
    
    background-image:url(images/box_teil_3.gif);
    width:100%;
    float:left;
    padding:0px;
    margin:0px 0px 10px 0px;
    height:150px;
    }
    #menucontainer3_right {
    
    background-image:url(images/box_teil_3_2.gif);
    width:150px;
    float:left;
    padding:0px;
    margin:0px 0px 10px 0px;
    height:600px;
    }
    
    .body
    {
    font-family:Verdana;
    font-weight:bold;
    font-size:12px;
    color:#FFFFDF;
    background-color:#fffff;
    text-align:center;
    }
    .body2 {
    font-family:verdana,Arial;
    font-weight:bold;
    font-size:11px;
    font-color:#000000;
    text-align:center;
    }
    
     a:link
    {
     font-family:verdana,arial;
     font-size:11px;
     text-decoration: none;
     color:#071078;
     line-height:18px;
     margin-left:0px;
    
    }
    a:visited
    {
    font-family:Verdana, Arial;
    font-size:11px;
    text-decoration: none;
    color:#071078;
    
    }
    a:hover {
     font-family:verdana,arial;
     font-size:11px;
     text-decoration: underline overline;
     color:#DD0000;
     line-height:18px;
     margin-left:0px;
    }
    
    #title {
    height:110px;
    padding:2px;
    border-bottom:2px solid #000000;
    margin-bottom:20px;
    text-align:center;
    }
    #left, #right {
    width:15%;
    line-height:18px;
    }
    #left {
    float:left;
    margin-left:5px;
    }
    #right {
    float:right;
    
    }
    #mitte {
    width:55%;
    float:left;
    }
    
    #main {
    width:620px;
    height:630px;
    background-color:#030356;
    margin-left:8px;
    margin-top:5px;
    
    }
    #mainstrich {
    width:635px;
    height:635px;
    background-color:#C0C0C0;
    margin-left:30px;
    margin-top:5px;
    }
    #oben {
    background-image:url(images/midbanner.jpg);
    margin-left:90px;
    width:500px;
    height:20px;
    float:left;
    
    }
    #footer {
    margin-right:100px;
    margin-left:150px;
    height:30px;
    width:700;
    background-color:#171F33;
    }
    #footerteil2  {
    margin-right:105px;
    margin-left:160px;
    height:20px;
    width:680px;
    background-color:#041762;
    }
    
    #hr {
    width:100%;
    }
    
    .copyr
    {
    font-family:Verdana, Arial;
    font-weight:bold;
    font-size:9px;
    color:#FFFFDF;
    background-color:#fffff;
    text-align:center;
    }
    
    .news {
    text-align:center;
    }
    .linki {
    float:left;
    }
    .rechti {
    float:right;
    }
    .newz {
    float:left;
    color:#ffffff;
    }
    .newz2 {
    font-size:13px;
    font-weight:bold;
    text-align:center;
    text-decoration:underline overline;
    }
    .newzschrift
    {
    text-align:left;
    font-family:Verdana;
    font-weight:bold;
    font-size:10px;
    color:#FFFFDF;
    margin-left:3px;
    }
    .mainlink {
    color:#ffffff;}
    
    .tot
    {
    text-align:left;
    font-family:Verdana;
    font-weight:bold;
    font-size:10px;
    color:#FFFFDF;
    margin-left:30px;
    }
    .new {
    margin-left:50px;
    }
    .part {
    margin-left:10px;
    }
    [/size]

    -------------------------------------------------------------------------------------
    -------------------------------------------------------------------------------------

    Und hier der HTML Code :

    [size=7]
    Code:
    <html>
    <head>
    <title></title>
    <meta name="author" content="Mastermsc">
    <meta name="generator" content="Ulli Meybohms HTML EDITOR">
    <link rel="stylesheet" type="text/css" href="format.css" />
     <link rel="stylesheet" type="text/css" href="newssystem.css" />
    
    </head>
    <body background="images/bg.jpg">
    <div id="bgcolor">
    <div id="title">
    [img]images/header_blue.gif[/img]
    
    [img]images/home.gif[/img][img]images/gaestebuch.gif[/img][img]images/forum.gif[/img][img]images/linksammlung.gif[/img][img]images/schule.gif[/img][img]images/vegesack.gif[/img]
    
    </div>
    
      
     <div id="left" style="clear&#58;right;">
    <div id="menucontainer" class="body">.&#58;Main&#58;.</div>
    
    <div class="menucontainer2">[img]images/box_teil_2.gif[/img]</div>
    <div id="menucontainer3">&raquo; Home 
    
    &raquo; Guestbook
    
    &raquo; Linksammlung
    
    &raquo;Board 
    
    &raquo; News
    &raquo;Grohner Düne
    </div>
        
    __________________
    
    <div id="menucontainer" class="body">.&#58;Schulmaterial&#58;.</div>
    <div class="menucontainer2">[img]images/box_teil_2.gif[/img]</div>
    <div id="menucontainer3" class="a&#58;link,a&#58;visited,a&#58;hover">
    
    &raquo; Deutsch
    
    &raquo; Physik
    
    &raquo; Mathe
    
    &raquo; Englisch
    
    <a href="http&#58;//mastermsc.ma.funpic.de/blog/" >&raquo; GymVegesack
    Tagebuch</a>
        </div>
    
      
    __________________
    
    
    <div id="menucontainer" class="body">.&#58;Sonstiges&#58;.</div>
    
    <div class="menucontainer2">[img]images/box_teil_2.gif[/img]</div>
    <div id="menucontainer3" class="a&#58;link,a&#58;visited,a&#58;hover">&raquo; IP ---> Polizei 
    
    &raquo; Ebookz 
    
    &raquo; Ausrast-Gästebuch
    
    &raquo; Midis
    
    <a href="kack.html" title="lol">&raquo;Die geile Kack
    Geschichte</a>
    
    &raquo; Kostenlose Produkte
    
    &raquo; IQ Test
       </div>
    
     
    __________________
    
    
    
    <a target="_blank" href="http&#58;//www.etracker.de/soverview.php?c=1&amp;et=3Ws7BV">
    <img border="0" alt="" src="http&#58;//www.etracker.de/fcnt.php?et=3Ws7BV&amp;java=n&amp;
    et_easy=0&amp;et_pagename=&amp;et_areas=&amp;et_ilevel=0&amp;
    et_target=,,,0&amp;et_lpage=&amp;et_trig="/></a>
    </div>   </div>
           <div style="clear&#58;right;"></div>
     
    <div id="right">
     <div id="menucontainer" class="body">.&#58;Links/Etc&#58;.</div>
    
    <div class="menucontainer2">[img]images/box_teil_2.gif[/img]</div>
    <div id="menucontainer3_right" class="a&#58;link,a&#58;visited,a&#58;hover">
    
    <div class="part">[img]http&#58;//www.css4you.de/images/logo_1_wh.gif[/img] 
    [img]images/gulli.gif[/img]
    
    [img]http&#58;//www.img6.de/banner/o/88x31/klamm_88x31_o_20.gif[/img]</div>  
    
        
    
    <div align="center"><script type="Text/javascript" src="news.js"></script>
    <script type="text/javascript" src="http&#58;//newsticker.shortnews.de/de/js/free/2/ticker.js"></script> </div>
    
    <div align="center"><form method="POST" action="http&#58;//www.ragonvote.net/cgi-bin/tools/vote/work/do.pl">
    <input type="hidden" name="user" value="3573"><input type="hidden" name="ask" value="3">
    <table border="1" width="144" cellspacing="0" bordercolor="#676767" bordercolorlight="#676767" bordercolordark="#676767">
            <tr>
              <td width="144" bgcolor="#000000"><p
    align="center"><font face="Verdana" size="1" color="#FFFFFF">
    Bestes PC Game  ever &#40;2004&#41; ?
    </font></td>
            </tr>
            <tr>
              <td width="144">
                <div
    align="center">
            <p align="left"> 
    
            <font size="1" face="Verdana"><input type="radio" value="3" name="sel">Star Wars KOTOR
    <input type="radio" value="2" name="sel">Half Life 2
    <input type="radio" value="1" name="sel">Far Cry
    <input type="radio" value="6" name="sel">Doom 3
    <input type="radio" value="9" name="sel">Medal of Honor
    <input type="radio" value="8" name="sel">Hitman 1-3
    <input type="radio" value="5" name="sel">World of Warcraft
    <input type="radio" value="4" name="sel">Call Of Duty
    
             </font>
    </div>
                <center>
                
    
    </p>
                </center>
           </td>
            </tr>
            <tr>
              <td width="100%" bgcolor="#000000"><center>
              
    
    <input type="submit"
    value="Abstimmen">
     <font size="1" face="Verdana">
    <font color="#FFFFFF">Ergebnisse ansehen</font>
    </font></p>
              </center>
            </td>
            </tr>
            <tr>
              <td width="144" bgcolor="#000000">
              <p align="right"><font face="Verdana" size="1" color="#808080"> Kostenlose
              Umfrage von </font><font color="#C0C0C0"><a href="http&#58;//www.ragonvote.net" target="_blank">
              <font size="1" face="Verdana" color="#808080">ragonvote.net</font></a></font>
          </a></font></font></td>
            </tr>
            </table></form></div>
     </div>
       </div></div>
    
     </div>
     
    
    <div id="mitte">
     <div id="oben" class="body2">MegaHertzlich Willkommen</div>
    
    <div id="mainstrich">
    <div id="main">
    
    
    <div class="linki">[img]images/linki.gif[/img]</div><div class="newz"><div class="newzschrift">
    
     
    <div class="new"><?php include&#40;'../cutenews/show_news.php'&#41;; ?></div>
    
     </div></div><div class="rechti">[img]images/rechti.gif[/img]</div>
    </div></div></div></div>
    <div style="clear&#58;left;"></div>
     
    
    
    <div id="footer" align="center">lol</div>
    <div id="footerteil2" class="copyr">&copy; http&#58;//dl-freakz.de Design by Mastermsc</div>
    
    </body>
    </html>
    &#91;/size&#93;

    Also ich weis nicht mehr weiter..
    cu

Ähnliche Themen

  1. Antworten: 10
    Letzter Beitrag: 20.10.2007, 01:00
  2. text verschiebt sich
    Von im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 14.10.2006, 15:11
  3. Antworten: 5
    Letzter Beitrag: 20.03.2006, 13:57
  4. iframe verschiebt sich
    Von Max im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 09.12.2005, 23:39
  5. IE - verschiebt sich alles
    Von Html-Neuling im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 13.08.2005, 20:56

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •