Retour à Forum de site web

CSS claires et <hr/> vs <br/>

  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13458
  • Loc: Florida
  • Status: Offline

Message Octobre 12th, 2009, 12:36 am

Toute idée pourquoi IE8 étendrait un conteneur passé un élément <hr/> qui apure les deux, mais ce n'est pas un <br/>?

Ni l'élément a une seule règle qui s'applique à elle dans la feuille de style.
Il n'ya pas un seul caractère générique (*) sélecteur dans la feuille de style non plus.

Attachments:
br-version.gif

This is the version with <br style="clear:both;"/>



Attachments:
hr-version.gif

This is the version with <hr style="clear:both;"/>

Strong with this one, the sudo is.
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Octobre 12th, 2009, 12:36 am

  • digitalMedia
  • a.k.a. dM
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Déc 29, 2003
  • Messages: 5169
  • Loc: SC-USA
  • Status: Offline

Message Octobre 12th, 2009, 5:01 am

<br /> est un élément en ligne et <hr /> est en bloc? Peut-être. Just guessing.
- dM
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13458
  • Loc: Florida
  • Status: Offline

Message Octobre 12th, 2009, 1:31 pm

Cela ne semble plausible. IES "s'est mise en page" propriété interne ou quel qu'il soit venu à l'esprit. Donner à l'<br/> un affichage du bloc ne semble pas faire de différence cependant.

Ive allé à une présentation différente où chaque catégorie a son propre en-tête bleu si ce n'est pas une question urgente pour moi. Ses encore une bizarrerie curieuse cependant.
Strong with this one, the sudo is.
  • graphixboy
  • Control + Z
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Juil 11, 2005
  • Messages: 1828
  • Loc: In the Great White North
  • Status: Offline

Message Octobre 13th, 2009, 12:10 pm

essayer de donner à la <br/> un bloc d'affichage, une hauteur et une largeur. Ce serait forcer le hasLayout dans IE.
If at first you don't succeed F1... If that doesn't work try Google!
//// Designer, Developer & Teacher - Interactive, Motion and 3D \\\\
Portfolio at WhenImNotSleeping.com
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13458
  • Loc: Florida
  • Status: Offline

Message Octobre 13th, 2009, 3:00 pm

HTML Code: [ Select ]
<!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" xml:lang="en" lang="en">
<head>
   <title>Title</title>
</head>
<body>
   <div style="background:#eee;">
      <div style="background:#ccc; width:100px; height:500px; float:right; margin-top:5px;"></div>
      stuff
      <br style="clear:both; width:1500px; height:10px; display:block; background:#f00;"/>
   </div>
</body>
</html>
 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.    <title>Title</title>
  5. </head>
  6. <body>
  7.    <div style="background:#eee;">
  8.       <div style="background:#ccc; width:100px; height:500px; float:right; margin-top:5px;"></div>
  9.       stuff
  10.       <br style="clear:both; width:1500px; height:10px; display:block; background:#f00;"/>
  11.    </div>
  12. </body>
  13. </html>
  14.  


Code: [ Select ]
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; Trident/4.0; SLCC1; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729)


Attachments:
odd.png
Strong with this one, the sudo is.
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13458
  • Loc: Florida
  • Status: Offline

Message Octobre 13th, 2009, 3:23 pm

Cet agent utilisateur ne semble pas exact quand je l'ai posté. Je double-vérifié mon "A propos de IE" boîte de dialogue et Im en effet sur IE8.

Tout compte fait, mon intranet local pour une raison quelconque est automatiquement mis en mode de compatibilité IE7.

Quand j'ai mis ce fichier de test sur un serveur distant, ou même retirer mon serveur local de ma zone Intranet local, il laisse tomber le récipient au-dessous de la boîte grise foncée comme prévu.

J'ai déménagé à cette page de test afin d'être sûre de l'UA utilisé.

HTML Code: [ Select ]
<!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" xml:lang="en" lang="en">
<head>
   <title>Title</title>
</head>
<body>
   <div style="background:#eee;">
      <div style="background:#ccc; width:100px; height:500px; float:right; margin-top:5px;"></div>
      <?php echo $_SERVER['HTTP_USER_AGENT']; ?>
      <br style="clear:both; width:1500px; height:10px; display:block; background:#f00;"/>
   </div>
</body>
</html>
 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.    <title>Title</title>
  5. </head>
  6. <body>
  7.    <div style="background:#eee;">
  8.       <div style="background:#ccc; width:100px; height:500px; float:right; margin-top:5px;"></div>
  9.       <?php echo $_SERVER['HTTP_USER_AGENT']; ?>
  10.       <br style="clear:both; width:1500px; height:10px; display:block; background:#f00;"/>
  11.    </div>
  12. </body>
  13. </html>
  14.  
Strong with this one, the sudo is.
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13458
  • Loc: Florida
  • Status: Offline

Message Octobre 13th, 2009, 3:42 pm

En IE8s " Outils -> paramètres d'affichage de compatibilité "Il ya une case" Afficher les sites intranet en vue de la compatibilité ". Im certainement quelque chose va avoir à se rappeler.
Strong with this one, the sudo is.

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 7 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 70 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC