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 !!

  • 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...

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


    Also hier der .css code (für FIREFOX optimiert) :

    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 :

    PHP
    <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][url='index.html'][img]images/home.gif[/img][/url][url='gbook.html'][img]images/gaestebuch.gif[/img][/url][url='http://mastermsc.ma.funpic.de/board/index.php'][img]images/forum.gif[/img][/url][url='ff/linksammlung'][img]images/linksammlung.gif[/img][/url][img]images/schule.gif[/img][img]images/vegesack.gif[/img]</div>   <div id="left" style="clear:right;"><div id="menucontainer" class="body">.:Main:.</div><div class="menucontainer2">[img]images/box_teil_2.gif[/img]</div><div id="menucontainer3">[url='ff.html']&raquo; Home [/url][url='gbook.html']&raquo; Guestbook[/url][url='linksammlung.html']&raquo; Linksammlung[/url][url='http://mastermsc.ma.funpic.de/board/index.php']&raquo;Board [/url][url='news.htl']&raquo; News[/url][url='grohnerduene.html']&raquo;Grohner Düne[/url]</div>__________________<div id="menucontainer" class="body">.:Schulmaterial:.</div><div class="menucontainer2">[img]images/box_teil_2.gif[/img]</div><div id="menucontainer3" class="a:link,a:visited,a:hover">[url='#']&raquo; Deutsch[/url][url='#']&raquo; Physik[/url][url='#']&raquo; Mathe[/url][url='#']&raquo; Englisch[/url]<a href="http://mastermsc.ma.funpic.de/blog/" >&raquo; [b]GymVegesack[/b]Tagebuch</a>    </div>  __________________<div id="menucontainer" class="body">.:Sonstiges:.</div><div class="menucontainer2">[img]images/box_teil_2.gif[/img]</div><div id="menucontainer3" class="a:link,a:visited,a:hover">[url='ip.html']&raquo; IP ---> Polizei [/url][url='ebooks.html']&raquo; Ebookz [/url][url='http://99326.guestbook.onetwomax.de/']&raquo; Ausrast-Gästebuch[/url][url='#']&raquo; Midis[/url]<a href="kack.html" title="lol">&raquo;Die geile [b]Kack[/b]Geschichte</a>[url='kostenlos.html']&raquo; Kostenlose Produkte[/url][url='http://www.iqtest.dk/main.swf']&raquo; IQ Test[/url]   </div> __________________<a target="_blank" href="http://www.etracker.de/soverview.php?c=1&amp;et=3Ws7BV"><img border="0" alt="" src="http://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:right;"></div> <div id="right"> <div id="menucontainer" class="body">.:Links/Etc:.</div><div class="menucontainer2">[img]images/box_teil_2.gif[/img]</div><div id="menucontainer3_right" class="a:link,a:visited,a:hover"><div class="part">[url='http://www.css4you.de'][img]http://www.css4you.de/images/logo_1_wh.gif[/img] [/url][url='http://board.gulli.com'][img]images/gulli.gif[/img][/url][url='http://www.klamm.de/?refid=156290'][img]http://www.img6.de/banner/o/88x31/klamm_88x31_o_20.gif[/img][/url]</div>      <div align="center"><script type="Text/javascript" src="news.js"></script><script type="text/javascript" src="http://newsticker.shortnews.de/de/js/free/2/ticker.js"></script> </div><div align="center"><form method="POST" action="http://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"><palign="center">[b]<font face="Verdana" size="1" color="#FFFFFF">Bestes PC Game  ever (2004) ?</font>[/b]</td>        </tr>        <tr>          <td width="144">            <divalign="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">[url='http://www.ragonvote.net/cgi-bin/tools/vote/vote.pl?3573;3;1']<font color="#FFFFFF">Ergebnisse ansehen</font>[/url]</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://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('../cutenews/show_news.php'); ?></div> </div></div><div class="rechti">[img]images/rechti.gif[/img]</div></div></div></div></div><div style="clear:left;"></div> <div id="footer" align="center">lol</div><div id="footerteil2" class="copyr">&copy; http://dl-freakz.de Design by Mastermsc</div></body></html>[/size]


    Also ich weis nicht mehr weiter..
    cu