css background probleem

Pro web-ontwikkeling
#1

ik heb twee paginas met als achtergrond een picture in de body tag heb ik bij bijde staan [code:1:2a0c2adbea]<body class="box"> [/code:1:2a0c2adbea] en in css heb ik [code:1:2a0c2adbea] body.box { background-image:url(images/box.jpg); background-repeat:no-repeat; background-position:100% 210; } [/code:1:2a0c2adbea] en nu heb ik een probleem in safari bij de eerste pagina gaat alles zoals het moet: [url]http://users.pandora.be/leovst/Muziek.html[/url] maar bij de tweede pagina doet hij alles behalve het no-repeat commando, hij doet in de plaats een repeat-y commando: [url]http://users.pandora.be/leovst/zurkelplets.html[/url] voor de css code: [url]http://users.pandora.be/leovst/stylesheet.css[/url] in IE/mac is er geen probleem en van andere weet ik het nietl ik heb al een tijdje zitten zoeken achter een oplossing maar ik vind er geen

al bedankt leo

#2

Begin met alle hoogte en breedtes van een indicatie te voorzien: dus

[code:1:af60910924]
background-position:100% 210px;
[/code:1:af60910924]

grote kans dat daarmee je problemen verholpen zijn.

Verder nog een paar puntjes:

  • de muziek begint gelijk te downloaden in quicktime. Erg vervelend en onbeleefd, aangezien dat nogal wat bandbreedte vraagt.
  • je hebt voor een erg simpele pagina heel erg veel tags en CSS declaraties gebruikt. Ik schat dat 50% zo geschrapt kan worden. Werk aan je HTML structuur en maak gebruik van cascading in je declaraties.

#3

ik zal het eens proberen met die indicaties

aan die muziek ben ik nog bezig met een ander systeem
en ik zal eens kijken wat er allemaal geschrapt kan worden

en bedankt

#4

Waarom geef je in hemelsnaam je body een id? De body is toch al een tag die je maar eenmaal gebruikt?

Ten tweede inderdaad bij 1 of meer pixels de px gebruiken.

Als laatste denk ik dat het mogelijk is om je html en css met 75% in te korten :wink:

Roel

#5

met de px erbij is er spijtig genoeg niets verandert

en ik gebruik 1 stylesheet voor al mijn paginas
en omdat er twee verschillende achtergronden zijn die ik elk in hetzelfde css blad beschrijf, heb ik een id gegeven aan de body

leo

#6

Mocht je een leuk programmatje willen gebruiken voor je stylesheets is CSSEdit een leuk tooltje. [url]http://www.macrabbit.com/cssedit/[/url]

#7

Ik had het geprobeerd met:

body {
}

ipv.

body.box {
}

en gewoon

<body>

ipv.

<body class=“box”>

http://validator.w3.org/ is ook een aanrader[/code]

#8

zoals ik al zei zijn de id's bij body voor verschillende achtergronden op verschillende paginas ik heb eens geprobeert zonder de id's maar dat lukte niet veel beter

en die links zijn goeie tips
bedankt leo

#9

ik heb gevonden wat het probleem was, omdat de background image er niet helemaal opstond kwam het onderste deel dat er niet opstond erbij vanboven waardoor het leek dat het een repeat was

#10

[quote:d5b800a592="roelboekel.nl"]Waarom geef je in hemelsnaam je body een id? De body is toch al een tag die je maar eenmaal gebruikt? [/quote:d5b800a592]

Een id is een identifier, dus je geeft een label mee aan een tag voor gebruik in bijvoorbeeld CSS of javascript. Of de tag waaraan de id hangt 1, 2 of een miljoen keer mag voorkomen heeft er niets mee te maken.

Als je dus twee verschillend ebackgrounds wil hangen aan je pagina’s en 1 stylesheet gebruikt, dan is het geven van een id aan je body-tag een hele goede methode.