Welcome, Guest. Please login or register.
Did you miss your activation email?
May 25, 2012, 07:59:44 PM

Login with username, password and session length
Search:     Advanced search
Wollen Sie dem WebsiteBaker Team beitreten?
Nähere Informationen finden Sie unter hier und auf unserer neuen Webseite.
155525 Posts in 21713 Topics by 7737 Members
Latest Member: chris85
* Home Help Search Login Register
Pages: [1]   Go Down
Print
Author Topic: 1 pixel to the rict/lefty frustration  (Read 790 times)
Ogierini

Offline Offline

Posts: 276



WWW
« on: July 21, 2009, 08:09:39 PM »
footer 1 px to much tp the left in IE 8
Footer 1 px to muxhto the right n mozilla.....

Who can help me out with the mgic formula?

code...
Code:
#footer-valid {
    font-family: Verdana, Arial;
    font-size: 10px;
    color: #CCCCCC;
    line-height: 30pt;
    height: 125px;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    background-image: url(footer5.gif);
    background-repeat: no-repeat;
    background-position: top;
}


Example to be seen http://www.ireneogier.nl/testsite/cms/

kind regards Irene
Logged
Kind regards,Irene
kweitzel
Forum administrator
*****
Offline Offline

Posts: 6975


WWW
« Reply #1 on: July 21, 2009, 09:01:53 PM »
apply it propperly in FF and then use a conditional IE statement to overwrite this in IE.

cheers

Klaus
Logged
WebsiteBaker Org e.V. - for WebsiteBaker
Ogierini

Offline Offline

Posts: 276



WWW
« Reply #2 on: July 21, 2009, 09:14:40 PM »
Thanks,


could you explane me how I can make such a statement?

regards Ireen
Logged
Kind regards,Irene
kweitzel
Forum administrator
*****
Offline Offline

Posts: 6975


WWW
« Reply #3 on: July 21, 2009, 09:21:55 PM »
http://www.quirksmode.org/css/condcom.html

it's a IE special (because of all the "misinterpreted requirements") ...

cheers

Klaus
Logged
WebsiteBaker Org e.V. - for WebsiteBaker
Stefek
WebsiteBaker Org e.V.

Offline Offline

Posts: 4884
« Reply #4 on: July 21, 2009, 09:43:07 PM »
This one also could be of some help for you:
http://www.onyx-design.net/weblog2/featured/css-hacks-inside-css/

Additionaly you can force IE8 to emulate your site as IE7 would do with this simple line in your head:
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

It should be just underneath the Content Type, like this:

<head>
<title>Titel der Seite</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

.....

Regards,
Stefek
Logged
"In a time of universal deceit, telling the truth becomes a revolutionary act."
- George Orwell, Nineteen eighty-four (1984)
crnogorac081
AddOn Development
*
Offline Offline

Posts: 1706
« Reply #5 on: July 22, 2009, 01:06:11 AM »
Hi Irene,

I belive the problem is with the image footer5.gif Smiley

Do not touch the css, just replace your footer5.gif with this one from zip file Smiley It works now on my computer Smiley

--------- Update:

By the way, the picture footer5.gif has white space which width is 2 px on the right side (whch is visible when you zoom in), and pictures width is total 818px. This may happen when you sliced the design.. It would be the best to remove 2px white space and make it 816 as it is bg.gif.

Also, I suggest to add width: 816px in the #footer-valid

I hope I helped..

cheers
« Last Edit: July 22, 2009, 01:15:54 AM by crnogorac081 » Logged
Wow, I coded something myself: PM Messanger Modul ,Searchbox with suggestions
Ogierini

Offline Offline

Posts: 276



WWW
« Reply #6 on: July 22, 2009, 02:01:32 PM »
Thank alot

I'll try this out tonight!

Kind regards Irene
Logged
Kind regards,Irene
Ogierini

Offline Offline

Posts: 276



WWW
« Reply #7 on: July 22, 2009, 07:15:16 PM »
Yes!!!
Solved!

The picture was indeed to large. But still there was a px bugging.
With this link http://www.onyx-design.net/weblog2/featured/css-hacks-inside-css/
I found the trick:  .margin-left: -1px;
only for explorer.

Thansk a lot guys!

kind regards Irene    
Logged
Kind regards,Irene
crnogorac081
AddOn Development
*
Offline Offline

Posts: 1706
« Reply #8 on: July 22, 2009, 09:27:48 PM »
In FF v.3 and Chrome footer picture is ~5px at the left.. (see attached image)

You should try to remove     background-position: 50% top; and see what happens, or try something else in css..
Logged
Wow, I coded something myself: PM Messanger Modul ,Searchbox with suggestions
Ogierini

Offline Offline

Posts: 276



WWW
« Reply #9 on: July 23, 2009, 01:07:28 PM »
I changed some thing in the header and all of a sudden again pixel items....
Now it is oke again.
Thanks for looking!
Logged
Kind regards,Irene
Pages: [1]   Go Up
Print
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.16 | SMF © 2011, Simple Machines Valid XHTML 1.0! Valid CSS!
Impressum & Datenschutz | powered by WebsiteBaker. ©2004–2010 by Website Baker Org e.V. , all rights reserved | Legal Notice & Privacy Policy