login  Naam:   Wachtwoord: 
Registreer je!
 Forum

IE background (Opgelost)

Offline nvp007 - 15/06/2008 15:28
Avatar van nvp007Nieuw lid Als je de site [url]http://www.brightdesign.be/projects/eurosoccer-degrande/wip/[/url] bekijkt in Internet Explorer (hier getest met versie 7), dan kan je zien dat de achtergrond van het informatieblokje en de balk tussen het menu en de inhoud geen/"een halve" achtergrond heeft. In Firefox en Opera is dit niet het geval.

Fout (In IE)
http://www.brig.../wrong.png

Juist (Firefox en Opera)
http://www.brig...ouldbe.png


Alvast bedankt!  

10 antwoorden

Gesponsorde links
Offline pim1991 - 15/06/2008 15:33
Avatar van pim1991 PHP interesse Heb je de goede background codes gebruikt?
Want de rest van je achtergrond werkt wel of je hebt dat anders gedaan natuurlijk.

Misschien eens je stuk code plaatsen waar instaat dat dat de achtergrond moet zijn.
Offline timmie_loots - 15/06/2008 15:35
Avatar van timmie_loots PHP gevorderde Een spatie tussen de twee waarden van de background-property van div.info zal al een boel helpen (beetje vreemd dat je hier niet zelf achter kunt komen).

Het andere probleem zie ik zo niet direct zitten, maar dat heeft ongetwijfeld met de positionering van het spacer div-element te maken.
Offline nvp007 - 15/06/2008 15:47 (laatste wijziging 15/06/2008 15:48)
Avatar van nvp007 Nieuw lid Inderdaad, het lag aan die spatie. heeft iemand een idee waar het probleem van het spacer aan kan liggen (specifieker)?

Ik dacht dat het weer zo'n IE fout was, maar gewoon typo dus voor de eerste fout.

Ahja,


Sourcecode: http://www.brig.../index.php

CSS:
http://www.brig.../style.css


EDIT: het feit dat W3C CSS validator groen licht geeft helpt ook al niet natuurlijk...
Offline bas1995 - 16/06/2008 07:37
Avatar van bas1995 Onbekend er staat in de css dit:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. div.info {
  2. 	margin: 0 auto;
  3. 	color: #FFFFFF;
  4. 	width: 90%;
  5. 	padding: 5px;
  6. 	background: url(img/boxbg2.png) #666666;
  7. 	border: 3px solid #353535;

dit regeltje is volgens mij fout:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. background: url(img/boxbg2.png) #666666;

het moet zo zijn denk ik:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. background: url(img/boxbg2.png) repeat-xy #666666;
Offline zointer - 16/06/2008 08:42 (laatste wijziging 16/06/2008 08:57)
Avatar van zointer HTML gevorderde
bas1995 schreef:
er staat in de css dit:
[..code..]
dit regeltje is volgens mij fout:
[..code..]
het moet zo zijn denk ik:

repeat-xy?????
http://www.w3sc...repeat.asp

@ts;
css code - Bekijk de code zonder highlighting - Klap code in 
  1. div.header {
  2. 	margin: 0 auto;
  3. 	width: 770px;
  4. 	height: 125px;
  5. 	position: relative;
  6. 	top: 25px;
  7. 	background: url(img/headerbg.png) no-repeat;
  8. }
  9. div.spacer {
  10. 	margin: 0 auto;
  11. 	width: 770px;
  12. 	height: 75px;
  13. 	background: url(img/spacerbg.png) repeat-y;
  14. 	top: 125px;
  15. }

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="header">
  2. 		<div class="tabs">
  3. 			<ul id="tabs3">
  4.                  <!--menu--->
  5. 			</ul> 
  6. 		</div>
  7. 	</div>		
  8.   <div class="spacer"></div><!-- div verplaatst-->
  9.   <!----overige code---->


Heb je site eens gezien in IE6?
Offline Martijn - 16/06/2008 10:26
Avatar van Martijn Crew PHP ikzelf gebruik altijd 'background-image:' ipv 'background:', mssn dat dat een beetje verschilt uitmaakt. Denk het niet, maar het kan
Offline Ontani - 16/06/2008 11:18
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 Maakt geen verschil. Background is een samenstelling van alle background eigenschappen uit css.
Offline Vincjenzo - 16/06/2008 12:32
Avatar van Vincjenzo Nieuw lid Probeer deze code, is valid op die submit button melding na. Ziet er zelfde uit in IE7 en FF, alleen IE6 doet moeilijk over die transparante png's & code is lang niet zo netjes geordend als het was..

Plaatscode: 10783

Plaatscode: 10784
Offline nvp007 - 16/06/2008 16:51
Avatar van nvp007 Nieuw lid Ik heb even de code van Vincjenzo getest, en dit blijkt te werken! Die transparante png's werken blijkbaar idd niet in IE6, hier ga ik gif's van maken. Als ik het me goed herinneren worden transparante GIF's wel ondersteund.

Bedankt iedereen!
Offline Martijn - 16/06/2008 16:57
Avatar van Martijn Crew PHP voordat je moeite doet voor niets, gif is alleen transparant naar WIT. Dus alles wat bv 50% doorzichtig is, word bijgevuld door 50% wit. PNG kan dit wel, en ik heb voor IE6 een pngfix (moet je maar ff googlen naar supersleigth)
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.198s