Jump to content


Photo

[HELP] Background alignment


  • Please log in to reply
5 replies to this topic

#1 themarks

themarks

    Newbie

  • Members
  • Pip
  • 3 posts

Posted 01 February 2013 - 07:15 PM

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

Posted Image

Now, how it goes when I zoom to 150%

Posted Image

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

Edited by themarks, 01 February 2013 - 07:22 PM.


#2 TuQuoQueBrute

TuQuoQueBrute

    Member

  • Members
  • PipPip
  • 15 posts
  • LocationPlanet earth

Posted 01 February 2013 - 07:22 PM

tip:

<td width="100%" height="50%"></td>

percentages
Do not try and bend the spoon. That's impossible. Instead... only try to realize the truth. What truth? There is no spoon.

#3 themarks

themarks

    Newbie

  • Members
  • Pip
  • 3 posts

Posted 01 February 2013 - 07:29 PM

sorry, where would add this code?

#4 TuQuoQueBrute

TuQuoQueBrute

    Member

  • Members
  • PipPip
  • 15 posts
  • LocationPlanet earth

Posted 01 February 2013 - 07:37 PM

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
Do not try and bend the spoon. That's impossible. Instead... only try to realize the truth. What truth? There is no spoon.

#5 themarks

themarks

    Newbie

  • Members
  • Pip
  • 3 posts

Posted 01 February 2013 - 07:40 PM

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";
	        }
	
	 ?>


#6 TuQuoQueBrute

TuQuoQueBrute

    Member

  • Members
  • PipPip
  • 15 posts
  • LocationPlanet earth

Posted 01 February 2013 - 08:05 PM

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:

Edited by TuQuoQueBrute, 01 February 2013 - 08:07 PM.

Do not try and bend the spoon. That's impossible. Instead... only try to realize the truth. What truth? There is no spoon.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Cheap Linux VPS from $5
SSD Storage, 30 day Guarantee
1 TB of BW, 100% Network Uptime

AlphaBit.com