Jump to content

[HELP] Background alignment


themarks

Recommended Posts

I have a website with a background, and the html and php works with tables.

 

My problem is: If I zoom the page + or - it desalign totally

 

Screenshot of the normal 100% of the website:

 

 

http://gunboundth.se...0/www/home.html

 

normal1.jpg

 

Now, how it goes when I zoom to 150%

 

anormal1.jpg

 

Body CSS:

 

 

body
{
color: #000;
background-color: #white;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
background-image: url('background.jpg');;
background-position: left top;
background-repeat: no-repeat;
background-size:1500px 1200px;

 

Can you help me fix this when I zoom IN or zoom OUT the page

Link to comment
https://forums.phpfreaks.com/topic/273933-help-background-alignment/
Share on other sites

Well...everywere

this is some of your website code

 

 

<td height="52" valign="top" width="220">

<!-- Left Column -->

<table cellpadding="0" cellspacing="0" width="219">

<tr>

<td align="left" valign="top" width="209"></div>

 

 

To fit in the diferent resolutions is recomended that you specify the table size in percentage

This is my code till the login part of the page..

 

</head>
<body  leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table align="right" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
 <tr>
   <td height="40" valign="middle" width="85"></td>
   <td class="globalnav" height="40" valign="middle"><table border="0" cellpadding="0" cellspacing="0" height="20" width="100%">
       <tbody>
         <tr>
           <td><table cellpadding="0" cellspacing="0"  width="806">
               <tbody>
                 <tr>
                   <td height="52" valign="top" width="220">
                       <!-- Left Column -->
                       <table cellpadding="0" cellspacing="0" width="219">
                         <tr>
                           <td align="left" valign="top" width="209"></div>
<table width="21%" height="47" border="0" align="left" cellpadding="0" cellspacing="0">
                             <tbody>
                             </tbody>


                             <tr>
                               <td width="100%" height="47" align="left"><table height="300" border="0">
                                 <tr>
                                   <td width="149" height="296">
                                   <?PHP
     if (@$config['user_login'] == 'ok') {
  include "logined_top.php";
        }else{
           include "login_top.php";
        }

 ?>

My help for this case is in the post above /|\

 

Something tells me that you used dream weaver , i dont know it , but probably you have some option like: right clik in the cell or table and "cell proprietis" "align" and try to fix that in that way, instead of guessing the right percentages,because "take a look":

 

A cell with 50% of widht is 50% in my resolution , in your resolution , in JenyferLopez resolution

 

Myself use a diferent resolution from the most of users and your website looks strange when i go there, some of the content dont even apear in the screen cause half of it is outsid of my screen

 

so...you have a lot of work there...

 

or try to wait for one other reply, with some css magic trick , either ways you have work to do :intoxicated::thumb-up:

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.