- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- margin e padding su Firefox
-
margin e padding su Firefox
perche se applico questa calasse ad un div
.titolo_box_link
{
float:right;
width:98%;
font-size:13px;
font-weight:bold;
background:#Ffffff;
color:#5BAB5C;
display:inline;
padding-left:3px;padding-right:0px;padding-bottom:0px;padding-top:0px;
margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;margin:0;
}su explorer il div che contiene il testo rimane grande 98% nmentre su Firefox il testo si viene messo 3px più a sinistra ma si ingrandisce anche il div che contiene il tutto
come posso risolvere il problema? avete dei suggerimenti
-
perche se applico questa calasse ad un div
.titolo_box_link
{
float:right;
width:98%;
font-size:13px;
font-weight:bold;
background:#Ffffff;
color:#5BAB5C;
display:inline;
padding-left:3px;padding-right:0px;padding-bottom:0px;padding-top:0px;
margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;margin:0;
}su explorer il div che contiene il testo rimane grande 98% nmentre su Firefox il testo si viene messo 3px più a sinistra ma si ingrandisce anche il div che contiene il tutto
come posso risolvere il problema? avete dei suggerimenti
-
Forse dipende da questo?
padding-left:3px;padding-right:0px;padding-bottom:0px;padding-top:0px;
In caso non fosse quello, ti consigli di caricare la pagina online e passare l'url
-
Anche secondo me dipende dal padding...
Cmq puoi mettere senza scrivere 4 volte i vari padding:
.stilesempio{ padding: 3px; // e fa un padding della stessa dimensione da tutti i lati oppure padding: 3px 2px 2px 3px; // e fai un padding diverso per ogni lato. il primo 3px è la parte superiore , il 2 è la parte destra,ecc... in senso orario...
-
ho capito da solo in realtà il modo corretto di interpretare le dimensioni lo fa firefox e non ie il problema è che tutti noi lavorado molto con ie pensiamo che sia corretto ie.
comunque la width deve sommare margin padding e border per questo aumentava le dimensioni...
mentre ie non prende in cosiderazione gli altri elementi
-
Secondo me potrebbe essere un bug di IE dovuto al float:
Three Pixel Text-Jogpuoi vedere la soluzione al problema qui: positioniseverything.net
saluti
-
il problema della diversa interpretazione dei browser non è da poco purtoppo...
grazie per il link al sito che leggerò con calma
per ora dirò soltanto che per risolvere i problemi di impaginazione a volte sono costretto ad implementare un paio di righe in php per individuare il browser e modificare i valori del css di conseguenza (questo però obbliga ad integrare il css con la pagina stessa, cosa che non mi piace molto...)
!!!
Max.
-
@mr_valdemar said:
righe in php per individuare il browser e modificare i valori del css di conseguenza (questo però obbliga ad integrare il css con la pagina stessa, cosa che non mi piace molto...)
!!!
Max.
Ma perchè non fai il css in un file php?
-
@lordmarin said:
Ma perchè non fai il css in un file php?
mi trovo meglio con il file css a parte...
cmq ok si può anche fare
Max.
-
Quello che intendevo dire è che puoi creare un file es. css.php e usarlo come un css ....
-
ah ok, afferrato il concetto!
non ci avevo pensato in effetti...
tnx
Max.