Stay where you’re put

I am having a problem we am not sure how to phrase so Allow me to google it. I cannot find some good elements to relax in the positions MY SPOUSE AND I set them whenever they are zoomed. ( In specific to that page – the particular footer ) MY PARTNER AND I tried changing the position element within css and next to nothing worked. I am affixing screenshots as I’m not likely sure how to be able to explain it. I know they have something to do with position:; just don’t get why practically nothing I change operates. You can see the page right here: http: //www. jenswebwork. com/orange. html page Here’s the CSS

* foam: 0; margin: 0;
body
foam: 0;
border: 0;
font: 11px Tahoma;
colour: 5f5f5f;
background: #ffffff url(.. /images/or_body_bg. jpg) repeat-x;
height: 100%;

img boundary: none;

h1
font: strong 16px Verdana;

h2
font: strong 14px Tahoma;

p font: 12px Tahoma; foam: 5px 0;

any
colour: #5f5f5f;
text-decoration: it’s unlikely that any;
describe: none;
font-weight: NINE HUNDRED;

any: hover text-decoration: underline;

#wrapper
border: 0px auto 0px car;
size: 900px;

#header
size: 100%;
height: 173px;
place: relative;
flood: hidden;
background: url(.. /images/or_blue-sky-clouds. jpg) repeat-x;

. logo design
size: 447px;
height: 96px;
margin-top: 50px;
margin-left: 350px;

#poisk
place: relative;
drift: right;
size: 300px;
height: 26px;
margin-top: 130px;
margin-right: 15px;
#inp_sear
place: absolute; top: 0; still left: 0;
#butt
place: absolute; top: 0; correct: 0; width: 72px;
. input_seach
size: 202px;
height: 16px;
colour: #ababab;
foam: 0px 3px 1px 3px;
border: 1px 4px 1px 0px;

. input_img
size: 210px;
height: 19px;
foam: 1px 3px 1px 3px;
border: 0 4px 1px 0px;
background: url(.. /images/or_input. gif) no-repeat;

#poisk enter: focus
colour: #000;
boundary: 0;

. press button
size: 72px;
height: 24px;
boundary: none;
cursor: tip;
foam: 4px 0 0 6px;
background: url(.. /images/or_seargh. gif) no-repeat;
drift: right;

#navigation
size: 100%;
height: 100%;
background: url(.. /images/or_menu_bg. jpg) repeat-x;
flood: hidden;

#menu
size: 900px;
height: 48px;
margin-right: 0px;
flood: hidden;
font-size: 13px;
line-height: SEVERAL;
text-align: facility;

#menu li
list-style-type: it’s unlikely that any;
drift: left;
#copyright acolor: #fff;
#menu any
height: 48px;
drift: none;
background: url(.. /images/or_menu_line. jpg) no-repeat correct;
text-decoration: underline;
colour: #000;
foam: 0 10px 0 10px;

#menu any: hover
colour: #000;
background-color: #FFF;
font-size: 13px;

#menu any: hover. non backdrop: url(.. /images/or_menu_line. jpg) no-repeat correct;
. productive background: url(.. /images/or_menu_hov. jpg) no-repeat correct;

#main background: #fff;
size: 100%;
height: 100%;

#left
size: 0px;
drift: left;
height: 450px;
background-color: #FFF;
background-image: url(.. /images/or_ugol_bg. gif) no-repeat;

. left_title
size: 224px;
height: 31px;
background: url(.. /images/or_left_title. jpg) no-repeat;
margin-bottom: 5px;
margin-left: 10px;

. left_title h1
margin-left: 40px;
line-height: 29px;
colour: #FFF

. left_nav
size: 234px;
border: 10px 0 20px 0;

. li border: 0 0 0 30px;
foam: 3px 15px 0 0px;
font-size: 11px;
line-height: 0. 6;

. li img margin-right: 8px;
. left_nav imgmargin-left: 10px;

. arh border: 0 0 0 30px;
foam: 8px 0px 0 0px;
font-size: 11px;
line-height: ONE PARTICULAR. 5;

. arh img margin-right: 8px;
. arh any
colour: #2782C2;
text-decoration: underline;

. arh any: hovertext-decoration: none;

ul#castom
foam: 15px;
ul#castom li
list-style-type: square;
list-style-image: url(.. /images/or_li. gif);
margin-left: 15px;

ul#castom li a
text-decoration: it’s unlikely that any;
colour: #000;
ul#castom any: hover
text-decoration: underline;

. e mail
colour: #244be2;
any: hover. email text-decoration: underline;

#sign_up
place: relative;
size: 204px;
height: 20px;
border: 4px 5px;
boundary: 1px solid #aeaeae;
background: #929292;
enter border: none;
#sign_up. still left
place: absolute;
top rated: 0; left: 0;
foam: 2px 6px;

#sign_up. correct
place: absolute;
top rated: 0; right: 0;
size: 67px;
height: 20px;
cursorointer;
background: url(.. /images/or_sign_up. gif) no-repeat;

. textarea
size: 206px;
border: 3px 3px 0 3px;
. eml
border: 0 3px;
foam: 2px 6px;
*: first-child+html. eml border: 2px 4px 0 2px; foam: 0; /* IE7 */

. nonetheless
size: 30px;
height: 16px;
cursorointer;
background: url(.. /images/or_email2. gif) no-repeat;

#right
drift: right;
size: 880px;
present: inline;
height: 100%;
place: relative;
margin-bottom: 0px;
background: url(.. /images/or_ugol_bg. gif) repeat-x;
foam: 10px;

. brwidth: 100px; height: 10px;
. textual content
foam: 25px;
height: 100%;
font-size: 12px;
list-style-type: square;

. imgs drift: right;
. otst foam: 3px 15px;
#block2
size: 575px;
height: 73px;
border: 0 auto;
foam: 10px 0 10px 10px;
background: url(.. /images/or_block_bg. gif) no-repeat;
#block2 h2 font: 14px Tahoma; colour: #4db3db;

/* *html #block2 size: 570px; background: url(.. /images/or_block2_bg. gif) no-repeat; */
. t_width size: 243px;
. textual content atext-decoration: u

This entry was posted in Web Design and tagged , , , , , , , , , , , , , , , , , , , . Bookmark the permalink.

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *