Background position in IE7

Status
Niet open voor verdere reacties.
N

Naomi87

Gebruiker
Lid geworden
10 jan 2009
Berichten
33
Hello lieve mensen :rolleyes:
ik heb een probleem met mijn achtergrond die ik in mijn body heb gezet..
hij moest namelijk top center staan maar bij ie7 schuift hij klein beetje naar rechts terwijl bij firefox geen probleem is :confused:
dit is hoe mijn body ingesteld staat
body {
margin: 0;
background-image: url(image.jpg);
background-repeat: no-repeat;
background-position: center top;
}

bij voorbaat hartstikke bedankt:love:
Naomi
 
Wellicht helpt het wanneer je ook de padding op 0 zet.

Werkt dat niet probeer dan dit:
PHP: 
background-attachment:fixed;

Om het e.e.a. korter te schrijven kun je dit ook doen:
PHP: 
background: url(image.jpg) no-repeat fixed center top;
Dan staat er hetzelfde :)
 
hahaha der is geen beter devil als jou :evil:
hartstikke bedankt, het werkt! :rolleyes:
weer wat geleerd :D
 
oops.. een beetje te vroeg gejuigd
ik was vergeten dat bij fixed mijn background niet meer mee scrollt
maar dat is helaas niet mijn bedoeling:confused:
mijn header en horizontal menu achtergrond staat ook als mijn body background:(
is er geen ander manier?
Groetjes Naomi
 
Heb je de handel ergens online staat zodat het te bekijken valt?
 
nee sorry, ik ben nu nog aan het uitproberen op mijn computer
want zo kan ik hem niet online zetten.. ziet er niet goed uit :confused:
kan je mij vertellen waarom ie7 zo moeite heeft om background te centeren?
Naomi
 
Omdat het IE7 is :D

De vraag of het online stond is meer om te kijken hoe het geheel er uit gaat zien.
Op die manier krijgen wij beter inzicht wat er mis gaat en kunnen we waarschijnlijk ook gerichter antwoorden :)
 
grapjas :p
als ik hem zo erop zet kan iedereen zien dat is niet leuk:(

ik geef je een voorbeeld Background voorbeeld
die rooie balkje is voor mijn navigatie bar en in die wit stukje komt dan mijn content erop zeg maar, en als die zo paar centimeter schuift is dat tog geen gezicht :(

hoop dat ik je goed informeert heb :o
Naomi
 
Kun je wellicht de bijbehorende HTML code hier plaatsen wellicht dat daar een knup in zit.
 
het zou best kunnen hoor.. ik weet het allemaal niet :confused:
sorry voor het veel werk Devil :rolleyes:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Site</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">

<ul id="horizonnav">
 <li><a href="#">Home</a></li>
  <li><a href="#">About</a></li>
  <li><a href="#">Services</a></li>
  <li><a href="#">News</a></li>
  <li><a href="#">Links</a></li>
  <li><a href="#">Contact</a></li>
 </ul> 
 

 <div style="float: left; margin-left: 125px;">
   <script type="text/javascript"><!--
google_ad_client = "";
/* BH_150x250. */
google_ad_slot = "";
google_ad_width = 728;
google_ad_height = 90;
//-->
   </script>
   <script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
     </script>
</div></br>

<div id="box">   

<!-- START CONTENT -->   
<div id="content">

<!-- LEFT DIV -->
</div>
<div id="inside1">
<h1>Aiiight</h1>
<ul>
  <li><a href="#">Home</a></li>
  <li><a href="#">About</a></li>
  <li><a href="#">Services</a></li>
  <li><a href="#">News</a></li>
  <li><a href="#">Links</a></li>
  <li><a href="#">Contact</a></li>
</ul>

</div>
<!-- END LEFT DIV -->
		    
<!-- CENTER DIV -->     
<div id="inside2">
    <h1> Main Content </h1>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce  varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id,  libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat  feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut,  sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh.  Donec nec libero.</p>
    <h2>H2 level heading </h2>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
</div>
<!-- END CENTER DIV -->
		    
<!-- SIDEBAR -->      
<div id="sidebar">
<h1>cool</h1>
<ul>
  <li><a href="#">Home</a></li>
  <li><a href="#">About</a></li>
  <li><a href="#">mongol</a></li>
  <li><a href="#">News</a></li>
  <li><a href="#">Links</a></li>
  <li><a href="#">Contact</a></li>
</ul>
</div>	
<!-- END SIDEBAR -->

<br class="clearfloat" />
<!-- END CONTENT -->     
    
<div id="footer">
<p align="center">Footer</p>
</div>
<!-- end #footer -->
</div>
<!-- end #container --></div>
</body>
</html>
 
Laatst bewerkt door een moderator:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan