beh ma il border cosa centra? se togli il border e il div lo metti con le percentuali cosa si vede?
ma tu che document type hai?
beh ma il border cosa centra? se togli il border e il div lo metti con le percentuali cosa si vede?
ma tu che document type hai?
scusa se tolgo il border, come faccio a definire il tipo di bordo ed il colore su cui fare gli angoli arrotondati??
cos è il document type??
non ho capito cosa mi stai chiedendo di fare..
il bordo dev'essere definito altrimenti su cosa faccio gli angoli arrotondati??
metti un background-color a sto div giusto per capire se si apre o no quando le misure sono in percentuali.
Il doctype sono un insieme di specifiche che dicono al browser come devono interpretare l'html/css; in assenza di docytpe ogni browser fa come vuole e difficilmente raggiungi una uniformità di rappresentazione.
Io consiglio i doctype di tipo strict, sei più sicuro che ci sia corrispondenza tra i browser.
Quindi la prima riga di codice del tuo documento deve essere o
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
(che è HTML4 strict)
oppure
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
(che è XHTML strict)
si che si apre..
nn si apre soltanto quando aggiungo il border-radius e le misure di width e height stanno in percentuali.
capisci??
mi va in conflitto con le percentuali..
e se metto il tag che hai detto non cambia la situazione.. anzi se metto quello anche in firefox mi da quel tipo di problema..
allora ricapitolando se non metto questo tra gli head
<meta http-equiv="X-UA-Compatible" content="IE=9"/>
il sito in ie9 si vede regolarmente ma semplicemente border-radius non funziona, ossia non si vedono gli angoli arrotondati.
Mentre se metto invece il suddetto meta tag, funzione border-radius ed il sito si vede correttamente se scrivo il container in px, mentre se lascio width e height in percentuale, mi appare solo una linea retta, cioè e come se le percentuali venissero ignorate, capisci??
ho capito, ma visto che non ho il codice sottomano ti sto dicendo di fare delle cose per escludere determinate situazioni.
Il doctype lo devi mettere cmq, è buona norma e regola.
IN ogni caso volevo vedere se bastava il doctype anzichè il meta equiv.
si ma sembra essere proprio un bug, ecco il codice ad esempio di questo sito web:
http://lnx.instantwebsites.it/iwblog...er-radius.html che in ie9 si vede bene.
<!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>CSS3 - Proprietà border-radius</title>
<style type="text/css">
<!--
body {
margin: 0;
padding: 30px;
background-color: #FFF;
font-family: Arial, Helvetica, sans-serif;
}
p {
font-size: 14px;
padding: 7px 0;
margin: 0;
}
#angoli-arrotondati {
width: 450px;
height: 300px;
margin: 20px 0;
background-color: #FF0000;
-moz-border-radius: 10px; /* per Firefox */
-webkit-border-radius: 10px; /* per Safari e Google Chrome */
border-radius: 10px;
}
#angoli-inferiori-arrotondati {
width: 450px;
height: 300px;
margin: 20px 0;
background-color: #FF0000;
border: 1px solid #333333;
-moz-border-radius: 0 0 10px 10px; /* per Firefox */
-webkit-border-radius: 0 0 10px 10px; /* per Safari e Google Chrome */
border-radius: 0 0 10px 10px;
}
-->
</style>
</head>
<body>
BOX CON TUTTI GLI ANGOLI ARROTONDATI:</p>
<div id="angoli-arrotondati"></div>
BOX CON GLI ANGOLI INFERIORI ARROTONDATI:</p>
<div id="angoli-inferiori-arrotondati"></div>
</body>
</html>
prova a ricopiartelo con blocco note cambia width e height dei due blocchi utilizzando sostituendo i pixel con le percentuali, e vedi cosa succede.. se lo apri con ie9..
adesso sì che ti posso dare la soluzione.
Il problema è che i tuoi div sono vuoti, se metti un contenuto vedi che si apriranno.
Meglio ancora se definisci un contenitore esterno a tutto a cui dai delle dimensioni (anche il body, volendo).
ti ho già detto che non ho ie9
Permessi di invio
Rispondi quotando