css - When zooming in on my website the div's move -


i have searched through forums , found nothing relevent code. if tell me went wrong, problem when zoom in , out div containers move here's html , css code. html:

<!doctype html>     <html>         <head>             <link rel="shortcut icon" href="http://www.iconj.com/ico/d/w/dwfk4vcp49.ico">             <script src="http://code.jquery.com/jquery-1.11.0.js"></script>             <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>             <script type="text/javascript" src="script.js"></script>             <link type="text/css" rel="stylesheet" href="stylesheet.css"/>             <body background= "http://i824.photobucket.com/albums/zz162/nathanial292/background_zps477e8756.png">         <title>hydronetwork home</title>         </head>      <body>         <h1 id="warning">for temperary reasons website optimized 1366x768 screen display if using 1920x1080 zoom in until looks ideal if<br> using 1024x768 or below zoom out!</h1>         <img class="img" src="http://i824.photobucket.com/albums/zz162/nathanial292/banner_zps45abd080.png">         <div id="header">         <h3 id="header h3">              <a href="index.html">home</a> servers <a href="http://shoppingcart-28745.safestorefront.com/merchant/?p1=201298">shop</a> <a href="forum.html">forum</a> contact         </h3>         </div>         <div class="left">             <h1>server updates</h1>             <h2><span>hello readers</span></h2>             <p>as know mysteriouscoder has allowed me change website beloved server. thank him alot. website in heavy development , being updated. <span>everything</span> here posted on server updates section. please email me @ nathanial55@gmail.com if there problems website again :)</p>         </div>         <div class="right">             <a id="nabblelink" href="http://hydronetworks-forums.58422.x6.nabble.com/">hydronetworks forums</a>         <script src="http://hydronetworks-forums.58422.x6.nabble.com/embed/f1"></script>         </div>         <div id="footer">all rights reserved 2013  hydronetwork<br> created zuzasparks <a href="https://www.youtube.com/user/zuzasparksgames">youtube.com</a> <br><script language="javascript" src="http://www.counter160.com/js.js?img=11"></script><br><a href="http://www.000webhost.com"><img src="http://www.counter160.com/images/11/left.png" alt="free web hosting" border="0" align="texttop"></a><a href="http://www.hosting24.com"><img alt="web hosting" src="http://www.counter160.com/images/11/right.png" border="0" align="texttop"></a> </div>     </body>     </html>

and css:

#header{         z-index: 1;         border-radius: 5px;         height: 50px;         width: 600px;         background-color: #585858;         border: solid #383838 6px;         position: absolute;         margin-top: 25px;         margin-left:640px;         min-width: 480px;     }    .right{     z-index: 1;         border-radius: 5px;         height: 600px;         border: solid #383838 6px;         width: 400px;         background-color: #585858;         position: relative;         margin-top: 120px;         margin-right: 50px;         font-family: ebrima;         overflow:auto      }  .left{              z-index: 1;              border-radius: 5px;              height: 600px;          border: solid #383838 6px;              width: 600px;              background-color: #585858;              position: relative;         margin-top: 120px;         margin-left:150px;         margin-right: 750px;         text-align: center;              font-family: ebrima;  }  #footer{         border-radius: 5px;         position: relative;         height: 50px;         background-color: #585858;         clear: both;         font-family: verdana, sans-serif;         font-size: 14px;         text-align: center;         color: #ffffff;     }  .headerp{         text-align: right;         margin-top: -50px;         margin-right: 10     }  #header h3{         font-family: ebrima;         text-align: center;         color: #d0d0d0;     }  #home{         font-family: ebrima;         margin-top: 120px;         margin-right: 80px;     }  div h2 span{         text-align: left;     }  div p span{         text-decoration: underline;     }  .img{         position: relative;         margin-left: 150px;         min-width: 960px;     }  #warning{         color:white; }

sorry seperate text boxes reason wouldn't work!

when zoom in content moves right , bottom, because used pixel values.

at rate should remove <body background= "http://i824.photobucket.com/albums/zz162/nathanial292/background_zps477e8756.png"> html-code.

and add css-code:

body{      background: url(http://i824.photobucket.com/albums/zz162/nathanial292/background_zps477e8756.png);      background-position: top center; }

if don't want divs "move" when zooming, should use percentages width: 50%.


-

Comments

Post a Comment

Popular posts from this blog

php - regexp cyrillic filename not matches -

i take list of files php glob(."*.pdf") . files have cyrillic names. example: ООО «Рога и копыта» then load company names database , try find them in file names: preg_match("/$firm_name/ui", $file_name, $match); i have problem: firms if $firm_name visually similar $file_name , preg_match says there no match. mb_detect_encoding both variables return utf-8. there problem in file name, or maybe there encoding or something, can not understand, ask help. upd: $file_name='ООО «Рога и копыта»'; preg_match("/... .Рога и копыта./ui", $file_name, $match); as result, ОО «Рога и копыта» , 1 О missing
Read more

c# - OpenXML hanging while writing elements -

Image
i have program pulls data database, caches file , exports data multiple formats (excel, excel 2003, csv). i'm using openxml sdk 2.0 excel work. these export processes run in parallel (using parallel.foreach ), , amount of data can pretty large - e.g. csvs 800mb. during these larger exports, i've noticed writing of xml documents hang. instance, if have 8 exporting in parallel, @ point "pause". hang around same point: //this.writer openxmlwriter created worksheetpart. this.writer.writeelement(new cell() { cellvalue = new cellvalue(value), datatype = cellvalues.string }); when happens, pause debugger (vs2013 in case) , notice threads blocking around same portion of code - bit deeper in openxml sdk - stem call openxmlwriter.writeelement . i dug through source using justdecompile didn't find answers. appears there intermediary stream in use writing isolated storage , is, reason, blocking. underlying stream each of these filestream . here screenshot ...
Read more

sql - Select Query has unexpected multiple records (MS Access) -

i may tired, can't seem figure out happening. have 2 queries. query 1 has 10 fields. query 2 has 5 fields. fields 1 through 3 same in both queries. trying write select query , simple add field 5 query2 query1 result should query1 additional field (query2.field5). i join first 3 fields both queries , choose select records in query1 , in query2 match. don't know sql, use query designer. expect same number of records have query 1 instead have 3 times or more. can tell me doing wrong. tried reversing joins still seem same records. thanks in advance. here query: the fields in common divisionname , supplierid = vendorid , commodityname . select [part revenue exposed query p1].divisionname, [part revenue exposed query p1].commodityname, [part revenue exposed query p1].suppliername, [part revenue exposed query p1].partnumber, [part revenue exposed query p1].partdescription, [part revenue exposed query p1].bucode, ...
Read more