Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

Sites' size problem

Started by xle_camry, Oct 24 2010 03:36 AM

This topic has been archived. This means that you cannot reply to this topic.

26 replies to this topic

#1
xle_camry

Posted 24 October 2010 - 03:36 AM

Programmer

Members
141 posts

Hello people! Why my sites' size differ? For example it is normal when opening, but in IE or Mozilla if i press CTRL + , or CTRL - its size becomes smaller and buttons or texts lose their places and become unordered. Why? Can you help?

#2
WingedPanther

Posted 24 October 2010 - 05:41 AM

A spammer's worst nightmare

Moderators
16,831 posts

Without knowing what your site is, the code, the CSS, etc, there's no way to know.

Programming is a branch of mathematics.
My CodeCall Blog | My Personal Blog

#3
xle_camry

Posted 25 October 2010 - 04:19 AM

Programmer

Members
141 posts

Ok then, please help me, here are codes. Code of programmalar.php:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--

Author: Reality Software

Website: http://www.realitysoftware.ca

Note: This is a free template released under the Creative Commons Attribution 3.0 license, 

which means you can use it in any way you want provided you keep the link to the author intact.

-->

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>TM-SOFT.RU - Jübi telefonlary barada ilkinji saýt</title>

<link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body>

	<!-- header -->

    <div id="header">

    <div id="menu">

       <div id="menu_list"> 

        <a href="index.php" title="Esasy sahypa">Esasy sahypa</a>

        <img src="images/splitter.gif" class="splitter" alt="" />

        <a href="programmalar.php" title="Programmalar">Programmalar</a>

        <img src="images/splitter.gif" class="splitter" alt="" />

        <a href="#" title="Telefon dünýäsi">Telefon dünýäsi</a>

        <img src="images/splitter.gif" class="splitter" alt="" />

        <a href="#" title="Telefon bahalary">Telefon bahalary</a>

        <img src="images/splitter.gif" class="splitter" alt="" />

        <a href="#" title="Habarlaşmak">Habarlaşmak</a>

        </div>

    </div>

</div>

      <div id="logo">

      <div id="logo_text">

      <a href="programmalar.php">PROGRAMMALAR</a>

      <br />

      <ul style="float:right; width:235px; text-align:left; font-size:12px; color:#fffc00">

                  <li>Telefonlar üçin programmalar.</li>

                  <li>Symbian formatyndaky programmalar.</li>

                </ul>

       

       

        

      

	</div>

    </div>

    <!--end header -->

    <!-- main -->

    <div id="main">

          <div id="sidebar">

          	<p><a href="#">Lorem Lipsum</a> dolor sit amet, consectetuer adipiscing elit. <a href="#">Nullam pharetra</a> tempus nunc. Donec feugiat lorem nec odio. Mauris vitae nisi sed mi rhoncus ultrices.</p>

          	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam pharetra tempus nunc. Donec feugiat lorem nec odio. Mauris vitae nisi sed mi rhoncus ultrices.</p>

          </div>

          <div id="text" >

                <h1><strong>Mugt indiriň!</strong></h1>

                <p>Aşakdaky programmalar Symbian formatyny okaýan telefonlar üçindir. Islän programmalaryňyzy siz özüňize indirip bilersiňiz.<br />

										Emma käbirleri 15 günlik wersiýaly programmalar (trial).

						Bu programmalaryň doly wersiýalaryny almak üçin açarsöz (serial number) gerek. 

                                                Açarsözi almak üçin meniň bilen 

						 <a href="habarlasmak.php">Habarlaşmak</a> atly menýudan habarlaşyp bilersiňiz.

                                                 <br /> <br />

                                                 

                                                 

                                                 

                                        <table border="1" align="center" bordercolor="white" cellspacing="0" width="600" id="conttext">

 

<tr bgcolor="#0eef29" style="color:black;"><td colspan=3><center><b>Programmalar</b></center></td></tr>

<tr bgcolor="#1cf1f4" style="color:black;"><td><center><b>#</b></center></td><td style="width:180" ><center><b>Programmanyň ady</b></center></td><td style="width:320"><center><b>Programmanyň işleýşi</b></center></td></tr>


<tr><td><center>1</center></td><td><center><a href="files/Adobe_reader.zip">Adobe reader</a></center></td>           <td><nobr><center>PDF formatyny okaýar (açarsöz gerekdäl)</center></nobr></td></tr>

<tr><td><center>2</center></td><td><center><a href="files/Antivirus.sisx">Antivirus</a></center></td>                <td><nobr><center>Wiruslary öldüriji (açarsöz gerekdäl)</center></nobr></td></tr>

<tr><td><center>3</center></td><td><center><a href="files/Call_recorder.sis">Call recorder</a></center></td>         <td><nobr><center>Jaňlary ýazdyrýar</center></nobr></td></tr>

<tr><td><center>4</center></td><td><center><a href="files/BestBlacklist.sisx">Black list</a></center></td>           <td><nobr><center>Islemedik jaňlaryňyzy blok edýär</center></nobr></td></tr>

<tr><td><center>5</center></td><td><center><a href="files/Best_crypto.sisx">Best crypto</a></center></td>            <td><nobr><center>Faýllary gizleýär</center></nobr></td></tr>

<tr><td><center>6</center></td><td><center><a href="files/X-plorer.sis">X-plorer 1.30</a></center></td>              <td><nobr><center> Ykjam prowodnik</center></nobr></td></tr>






					 </table>        

                                                 

                                           <center><img src="images/arrow.png" width="400px"> <img src="images/tel3.png"> </center>

                                                 

                                                 

                                                 

                

          </div>

    </div>

    <!-- end main -->

    <!-- footer -->

    <div id="footer">

    <div id="left_footer">© 2010 Ähli hukuklar goraglydyr  <b>A-DESIGN</b></div>

    <div id="right_footer">

 


Web sahypany taýýarlan: <a href="" title="Website Design"><strong> (A-DESIGN)</strong></a>

 

    </div>

</div>

    <!-- end footer -->

</body>

</html>

#4
xle_camry

Posted 25 October 2010 - 04:20 AM

Programmer

Members
141 posts

Here is the css code:


body { margin:0; padding:0; font-size:0.8em; line-height:20px; font-family: "Trebuchet MS", Arial; border:1px solid #666; background:#000; }

a { color:#fffd48; text-decoration:none;}

a:hover { text-decoration:underline;}

#header { background:url(images/header_bckg.jpg) no-repeat top right #000;}

#logo { padding:30px 40px 0 40px; height:188px; background:url(images/head_bckg.jpg) no-repeat #14a500; text-align:right;}

#logo a{ color:#fff; text-decoration:none; font-weight:bold; font-size:20px; text-transform:uppercase; letter-spacing:5px; }

#logo_text { float:right; width:240px; text-align:left; font-size:12px; color:#fffc00; }

#menu { background: url(images/menu_bckg.gif) repeat-x #000; height:64px; padding-top:23px;}

#menu_list {width:770px; margin:0 auto;}

#menu a { display:block; float:left; color:#f6ff00; font-size:13px; text-transform:uppercase; font-weight:bold; text-decoration:none; margin:0 20px; padding-top:10px;}

#menu a:hover{padding-top:12px;}

.splitter { display:block; float:left;}


#text { margin: 0 305px 0 20px; }

#text p { padding: 0 10px 5px 10px; color:#ccc}

#text li {list-style:none; padding-left:20px; background:url(images/li.gif) no-repeat 0px 4px; color:#ccc;}

#sidebar { float:right; width:235px; padding: 0 20px 0 10px; color:#fffd48; font-size:12px;}

#sidebar a{ font-weight:bold; }

h1 { margin:0; padding:10px 0 0 10px; text-transform:uppercase; font-size:1.5em; color:#6bc22a;}


#main { float:left; background:url(images/sidebar_bckg.gif) no-repeat top right #1e1e1e; padding:20px 0 0 0;}

#footer {background:url(images/footer_bckg.gif) repeat-x #000; height:57px; clear:both;  }

#left_footer { float:left; padding:20px 0 0 30px; background:url(images/c.gif) no-repeat 30px 35px;  color:#fff; font-size:12px;}

#left_footer a { color:#fff;}

#left_footer a:hover { text-decoration:none;}

#right_footer { float:right;  padding:20px 30px 0 0; color:#fff;  font-size:12px; text-align:right;}

#right_footer a { color:#fff;}

#conttext {color:#fff; text-decoration:none; font-weight:bold;font-family:Arial; font-size:12px;  letter-spacing:1px;}

#5
xle_camry

Posted 25 October 2010 - 04:22 AM

Programmer

Members
141 posts

I took a ready template from internet and want to make a change. So as i said, if i press CTRL+ or CTRL- its size differs, for examle buttons become unordered, content becomes small.
Why? How can i improve it? Thanks for answers dear friends!

#6
Alexander

Posted 26 October 2010 - 01:16 AM

It's Science!

Moderators
4,124 posts

xle_camry said:

You may want to wrap the whole content in a <div> and apply something such as

width:xxx px; min-width:xxx px; max-width: xxx px;

of course editing "xxx" to the size of your content, this should disallow people to resize it.

Be sure to read the updated FAQ! || Health is achieved through the same 10,000 steps.
If a suggested code/method fails, informing us is less important than telling us why or what errors occurred.

#7
xle_camry

Posted 26 October 2010 - 06:30 AM

Programmer

Members
141 posts

In this code, which i placed here, where i can put width parametres? In which div exactly? Did you see my code? I have placed a css and php file codes. Thanks.

#8
Alexander

Posted 26 October 2010 - 06:39 AM

It's Science!

Moderators
4,124 posts

It seems to work, I created a div with the ID "wrap", and applied the width styles to them, when you resize your browser to any size, the content does not re-order.

I placed the styles in the style="" attribute, you can place them into your css document like this:

#wrap {
  width:1000px; min-width:1000px; max-width:1000px;
}

Here is the HTML with it:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Author: Reality Software
Website: http://www.realitysoftware.ca
Note: This is a free template released under the Creative Commons Attribution 3.0 license, 
which means you can use it in any way you want provided you keep the link to the author intact.
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TM-SOFT.RU - Jübi telefonlary barada ilkinji saýt</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrap" style="width:1000px; min-width:1000px; max-width:1000px;">
    <!-- header -->
    <div id="header">
    <div id="menu">
       <div id="menu_list"> 
        <a href="index.php" title="Esasy sahypa">Esasy sahypa</a>
        <img src="images/splitter.gif" class="splitter" alt="" />
        <a href="programmalar.php" title="Programmalar">Programmalar</a>
        <img src="images/splitter.gif" class="splitter" alt="" />
        <a href="#" title="Telefon dünýäsi">Telefon dünýäsi</a>
        <img src="images/splitter.gif" class="splitter" alt="" />
        <a href="#" title="Telefon bahalary">Telefon bahalary</a>
        <img src="images/splitter.gif" class="splitter" alt="" />
        <a href="#" title="Habarlaşmak">Habarlaşmak</a>
        </div>
    </div>
</div>
      <div id="logo">
      <div id="logo_text">
      <a href="programmalar.php">PROGRAMMALAR</a>
      <br />
      <ul style="float:right; width:235px; text-align:left; font-size:12px; color:#fffc00">
                  <li>Telefonlar üçin programmalar.</li>
                  <li>Symbian formatyndaky programmalar.</li>
                </ul>
       
       
        
      
    </div>
    </div>
    <!--end header -->
    <!-- main -->
    <div id="main">
          <div id="sidebar">
              <p><a href="#">Lorem Lipsum</a> dolor sit amet, consectetuer adipiscing elit. <a href="#">Nullam pharetra</a> tempus nunc. Donec feugiat lorem nec odio. Mauris vitae nisi sed mi rhoncus ultrices.</p>
              <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam pharetra tempus nunc. Donec feugiat lorem nec odio. Mauris vitae nisi sed mi rhoncus ultrices.</p>
          </div>
          <div id="text" >
                <h1><strong>Mugt indiriň!</strong></h1>
                <p>Aşakdaky programmalar Symbian formatyny okaýan telefonlar üçindir. Islän programmalaryňyzy siz özüňize indirip bilersiňiz.<br />
                                        Emma käbirleri 15 günlik wersiýaly programmalar (trial).
                        Bu programmalaryň doly wersiýalaryny almak üçin açarsöz (serial number) gerek. 
                                                Açarsözi almak üçin meniň bilen 
                         <a href="habarlasmak.php">Habarlaşmak</a> atly menýudan habarlaşyp bilersiňiz.
                                                 <br /> <br />
                                                 
                                                 
                                                 
                                        <table border="1" align="center" bordercolor="white" cellspacing="0" width="600" id="conttext">
 
<tr bgcolor="#0eef29" style="color:black;"><td colspan=3><center><b>Programmalar</b></center></td></tr>
<tr bgcolor="#1cf1f4" style="color:black;"><td><center><b>#</b></center></td><td style="width:180" ><center><b>Programmanyň ady</b></center></td><td style="width:320"><center><b>Programmanyň işleýşi</b></center></td></tr>

<tr><td><center>1</center></td><td><center><a href="files/Adobe_reader.zip">Adobe reader</a></center></td>           <td><nobr><center>PDF formatyny okaýar (açarsöz gerekdäl)</center></nobr></td></tr>
<tr><td><center>2</center></td><td><center><a href="files/Antivirus.sisx">Antivirus</a></center></td>                <td><nobr><center>Wiruslary öldüriji (açarsöz gerekdäl)</center></nobr></td></tr>
<tr><td><center>3</center></td><td><center><a href="files/Call_recorder.sis">Call recorder</a></center></td>         <td><nobr><center>Jaňlary ýazdyrýar</center></nobr></td></tr>
<tr><td><center>4</center></td><td><center><a href="files/BestBlacklist.sisx">Black list</a></center></td>           <td><nobr><center>Islemedik jaňlaryňyzy blok edýär</center></nobr></td></tr>
<tr><td><center>5</center></td><td><center><a href="files/Best_crypto.sisx">Best crypto</a></center></td>            <td><nobr><center>Faýllary gizleýär</center></nobr></td></tr>
<tr><td><center>6</center></td><td><center><a href="files/X-plorer.sis">X-plorer 1.30</a></center></td>              <td><nobr><center> Ykjam prowodnik</center></nobr></td></tr>





                     </table>        
                                                 
                                           <center><img src="images/arrow.png" width="400px"> <img src="images/tel3.png"> </center>
                                                 
                                                 
                                                 
                
          </div>
    </div>
    <!-- end main -->
    <!-- footer -->
    <div id="footer">
    <div id="left_footer">© 2010 Ähli hukuklar goraglydyr  <b>A-DESIGN</b></div>
    <div id="right_footer">
 

Web sahypany taýýarlan: <a href="" title="Website Design"><strong> (A-DESIGN)</strong></a>
 
    </div>
</div>
    <!-- end footer -->
</div>
<!-- end wrap -->

</body>
</html>

Be sure to read the updated FAQ! || Health is achieved through the same 10,000 steps.
If a suggested code/method fails, informing us is less important than telling us why or what errors occurred.

#9
xle_camry

Posted 26 October 2010 - 06:47 AM

Programmer

Members
141 posts

I have just checked it. Thanks , the content doesnt change, but in the header part, and in the bottom in footer the width become very small, it fits half of the screen. Why can you tell?

#10
Alexander

Posted 26 October 2010 - 07:25 AM

It's Science!

Moderators
4,124 posts

I had not checked it with the CSS file so I'm not sure, you can change 1000px to fit the size of the footer and see if that helps.

Be sure to read the updated FAQ! || Health is achieved through the same 10,000 steps.
If a suggested code/method fails, informing us is less important than telling us why or what errors occurred.

#11
xle_camry

Posted 26 October 2010 - 07:31 AM

Programmer

Members
141 posts

ok i will check, then tell you.

#12
xle_camry

Posted 26 October 2010 - 11:31 PM

Programmer

Members
141 posts

Dear Nullw0rm, thanks, i changed pixels, and my whole content's size doesnt change while making it smaller in size.
But other problem, texts in content lose their places while pressing CTRL-, how i can make it that all texts stayed at the same line? Thanks.
If it is not hard, test my css and php please.