problèmes avec css sur MacOs, sur les fenêtres dans tous les navigateurs est OK

J'ai un problème avec le positionnement de mon div. Sur Windows, chaque navigateur est correct, mais sur MacOS, c'est différent. C'est le site: http://www.pulbus.pl problèmes avec css sur MacOs, sur les fenêtres dans tous les navigateurs est OK

Le problème est dans la page d'accueil et dans la page de contact. La div avec contact dans le coin inférieur gauche est en dessous de l'étiquette bleue. C'est plus bas que dans les fenêtres à propos de 20px.

Ceci est mon doctype:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Mon et xhtml css est valide, je les ai vérifié sur validateur w3.

code:

<div id="data"> 
    <span id="name">Pul-Bus Grzegorz Pulcyn</span> <br/> 
    ul. Waleniowa 7/3 <br/> 
    85-435 Bydgoszcz <br/> 
    <a href=" mailto: [email protected]">[email protected]</a><br/><br/> 
    <span id="tel">tel: +48 500 100 333</div> 
</div> 

#data 
{ 
    font-size: 12px; 
    color: #003664; 
    margin: 0 auto; 
    padding: 0 0 0 0; 
    width: 320px; 
    font-family: Verdana, Helvetica, sans-serif; 
    position: relative; 
    top: -380px; 
    right: 160px; 
}

Source

2009-11-08 rafal

quel navigateur utilisez-vous sur Mac, et quelle version? Aussi avez-vous un extrait de code? – theraven

@theraven, +1, @rafal, vous devez nous montrer du code. Utilisez-vous un doctype? Laquelle? Au moins, je suggère de nous montrer la source de la page, ou un lien vers une page de démonstration en direct qui présente le même problème. –

votre balisage est-il affiché au-dessus d'une copie directe et coller? – Aaron

sur les fenêtres que j'ai testé mon site sur: chrome, opéra, par exemple, Firefox sur Mac: ff i Safari

Il est vraiment étrange, peut-être des problèmes de police ou sth comme ça? c'est possible? Je n'ai pas snippset maintenant, ceci est seulement un div avec span à l'intérieur avec la position relative mise en place.

Source

2009-11-08 20:19:07 rafal

Pour développer votre question, et pour fournir plus d'informations, vous feriez mieux de cliquer sur le lien "modifier" ci-dessous la question et d'ajouter à la question, plutôt que d'offrir des commentaires en tant que "réponses". :) –

Et s'il vous plaît fournir un lien ou quelques captures d'écran pour le problème réel. –

Ainsi que la version des navigateurs. – AnonJr

On dirait que vous manque une balise de fin

<div id="data"> 
    <span id="name">Pul-Bus Grzegorz Pulcyn</span> <br/> 
    ul. Waleniowa 7/3 <br/> 
    85-435 Bydgoszcz <br/> 
    <a href=" mailto: [email protected]">[email protected]</a><br/><br/> 
    <span id="tel">tel: +48 500 100 333</span> 
</div>

le </span> après le numéro de télé est manquant dans votre exemple de balisage

Source

2009-11-08 23:18:27 Aaron

Dans FF 3.5 @ MAC, vous devez définir ...

#data { top: -101px; }

... pour afficher correctement.

aussi ...

#readmore { top: 8px; }

... corrigera un autre mauvais positionnement.

Je dois dire que construire un site web relatif/positionnement absolu est un gros casse-tête à entretenir. Je suggère de passer à une structure flottante statique dans un modèle de boîte pirater.

Quoi qu'il en soit, je vous recommande la bibliothèque JavaScript CSS Browser Selector pour appliquer de manière facile intemporelle les hacks CSS dont vous avez besoin ainsi:

.os.browser .your-markup { ... } 
.mac.ff3_5 #data { top: -101px; }

Hope this helps. :)

Source

2009-11-09 01:14:02

problèmes avec css sur MacOs, sur les fenêtres dans tous les navigateurs est OK

Répondre

Questions connexes