Visualizzazione dei risultati da 1 a 9 su 9
  1. #1

    Aggiornando la pagina il layout cambia T_T

    Salve a tutti, ho un problema bizzarro:

    con Chrome vedo perfettamente il layout che ho creato, con IE8 spesso è "rotto" ma, ogni tot di F5, il layout si vede correttamente...poi aggiorno e si rompe di nuovo!

    Come può essere una cosa del genere? Mi ci sto spaccando la testa =\

    posto il codice in questione

    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    	<head>
    		<link rel="stylesheet" type="text/css" href="style.css">
    		<!--script>
    			function getElementsByClassName(classname) {
    				var rl = new Array();
    				var re = new RegExp('(^| )'+classname+'( |$)');
    				var ael = document.getElementsByTagName('*');
    				var op = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;
    				if (document.all && !op) ael = document.all;
    				for(i=0, j=0 ; i<ael.length ; i++) {
    					if(re.test(ael[i].className)) {
    						rl[j]=ael[i];
    						j++;
    					}
    				}
    				return rl;
    			}
    
    			function stessa_altezza(className) {
    				cols = getElementsByClassName(className);
    				var max = 0;
    				for(var i=0; i<cols.length; i++) {
    					if(cols[i].clientHeight > max) max = cols[i].clientHeight;
    				}
    				for(i=0; i<cols.length; i++) {
    					cols[i].style.height = max + "px";
    				}
    				alert(max+"px");
    				for(i=0; i<cols.length; i++) {
    					if(cols[i].clientHeight > max) {
    						offset = cols[i].clientHeight - max;
    						cols[i].style.height = (parseInt(cols[i].style.height)) - offset + "px";
    					}
    				}
    			}
    		</script-->
    	</head>
    	<body>
    		<div id="centrato">
    			<div id="top">
    				<div class="fleft" id="menu">
    					<div id="logo" class="fleft">[img]img/sito_img/logo_vaudo.jpg[/img]</div>
    					<div id="top_menu" class="fleft">
    						<ul>
    							[*]
    								<a href="index.php">
    									Home
    								</a>
    							
    							[*]
    								<a href="vis_dettaglio.php?id_livello=">
    									Chirurgia Estetica
    								</a>
    							
    							[*]
    								<a href="vis_dettaglio.php?id_livello=">
    									Chirurgia Plastica
    								</a>
    							
    							[*]
    								<a href="vis_dettaglio.php?id_livello=">
    									Medicina Estetica
    								</a>
    							
    							[*]
    								<a href="vis_dettaglio.php?id_livello=">
    									Interventi
    								</a>
    							
    							[*]
    								<a href="vis_dettaglio.php?id_livello=">
    									Pensiero
    								</a>
    							
    							[*]
    								<a href="vis_dettaglio.php?id_livello=">
    									Prezzi
    								</a>
    							
    							[*]
    								<a href="contatti.php">
    									Contatti
    								</a>
    							
    						[/list]
    					</div>
    					<div class="clear">
    					</div>
    				</div>
    				<div class="fleft">
    					<div id="foto">[img]img/sito_img/foto_vaudo.jpg[/img]</div>
    				</div>
    				<div class="clear">
    				</div>
    			</div>
    			<div id="corpo_pagina">
    				<div>
    					<div class="fleft" id="home">
    						<div id="immagine_home">
    							[img]img/sito_img/immagine_home.jpg[/img]
    						</div>
    						<div>
    							<div class="fleft" id="box1">
    								<div class="testo_home">
    									<h1 class="titoli_home">
    										<a href="">
    											Mastoplastica Additiva
    										</a>
    									</h1>
    									<div>
    										<div class="fright immagini_home">
    											<a href="">
    												[img]img/sito_img/immagine_home_1.jpg[/img]
    											</a>
    										</div>
    										
    
    
    											La chirurgia plastica estetica si occupa di correggere e migliorare difetti ed imperfezioni fisiche ed estetiche, ristabilendo armonia
    										</p>
    										<div class="clear">
    										</div>
    										[continua...]
    									</div>
    								</div>
    							</div>
    							<div class="fleft" id="box2">
    								<div class="testo_home">
    									<h1 class="titoli_home">
    										<a href="">
    											Medicina Estetica
    										</a>
    									</h1>
    									<div>
    										<div class="fright immagini_home">
    											<a href="">
    												[img]img/sito_img/immagine_home_2.jpg[/img]
    											</a>
    										</div>
    										
    
    
    											La chirurgia plastica estetica si occupa di correggere e migliorare difetti ed imperfezioni fisiche ed estetiche, ristabilendo armonia
    										</p>
    										<div class="clear">
    										</div>
    										[continua...]
    									</div>
    								</div>
    							</div>
    							<div class="fleft" id="box3">
    								<div class="testo_home">
    									<h1 class="titoli_home">
    										<a href="">
    											Mastoplastica Additiva
    										</a>
    									</h1>
    									<div>
    										<div class="fright immagini_home">
    											<a href="">
    												[img]img/sito_img/immagine_home_3.jpg[/img]
    											</a>
    										</div>
    										
    
    
    											La chirurgia plastica estetica si occupa di correggere e migliorare difetti ed imperfezioni fisiche ed estetiche, ristabilendo armonia
    										</p>
    										<div class="clear">
    										</div>
    										[continua...]
    									</div>
    								</div>
    							</div>
    							<div class="clear">
    							</div>
    						</div>
    						<div id="fascia_sotto">
    							<div class="fleft" id="search">
    								<form>
    									<div class="fleft">
    										[img]img/sito_img/search.jpg[/img]
    									</div>
    									<div class="fleft">
    										<input type="text" name="search" value="" id="input">
    									</div>
    									<div class="fleft">
    										<input type="image" src="img/sito_img/lente.jpg" value="invia" id="submit">
    									</div>
    									<div class="clear">
    									</div>
    								</form>
    							</div>
    							<div class="fright" id="link_utili">
    								<h1 class="titoli_home">
    									<a href="">
    										Link Utili
    									</a>
    								</h1>
    							</div>
    							<div class="clear">
    							</div>
    						</div>
    					</div>
    					<div id="laterale" class="fleft">
    						<div>
    							<div>
    								<h1>
    									<a href="">
    										Chirurgia Estetica
    									</a>
    								</h1>
    								<ul>
    									[*]
    										<a href="">
    											Rinoplastica
    										</a>
    									
    									[*]
    										<a href="">
    											Settoplastica
    										</a>
    									
    									[*]
    										<a href="">
    											Mastoplastica Additiva
    										</a>
    									
    									[*]
    										<a href="">
    											Mastopessi
    										</a>
    									
    								[/list]
    							</div>
    							<div>
    								<h1>
    									<a href="">
    										Chirurgia Plastica
    									</a>
    								</h1>
    								<ul>
    									[*]
    										<a href="">
    											Addominoplastica
    										</a>
    									
    									[*]
    										<a href="">
    											Lifting Cosce
    										</a>
    									
    								[/list]
    							</div>
    							<div>
    								<h1>
    									<a href="">
    										Chirurgia Estetica
    									</a>
    								</h1>
    								<ul>
    									[*]
    										<a href="">
    											Tossina Botulinica
    										</a>
    									
    									[*]
    										<a href="">
    											Filler
    										</a>
    									
    									[*]
    										<a href="">
    											Laser
    										</a>
    									
    									[*]
    										<a href="">
    											Luce Pulsate
    										</a>
    									
    								[/list]
    							</div>
    							<div>
    								<h1>
    									<a href="">
    										Chirurgia Estetica
    									</a>
    								</h1>
    								<ul>
    									[*]
    										<a href="">
    											Rinoplastica
    										</a>
    									
    									[*]
    										<a href="">
    											Settoplastica
    										</a>
    									
    									[*]
    										<a href="">
    											Mastoplastica Additiva
    										</a>
    									
    									[*]
    										<a href="">
    											Mastopessi
    										</a>
    									
    								[/list]
    							</div>
    							<div>
    								<h1>
    									<a href="">
    										Chirurgia Plastica
    									</a>
    								</h1>
    								<ul>
    									[*]
    										<a href="">
    											Addominoplastica
    										</a>
    									
    									[*]
    										<a href="">
    											Lifting Cosce
    										</a>
    									
    								[/list]
    							</div>
    						</div>
    					</div>
    					<div class="clear">
    					</div>
    				</div>
    				<div id="news">
    					<a  href="" class="fright">
    						News
    					</a>
    					<div class="clear">
    					</div>
    				</div>
    				<div>
    					<div class="fleft in_home">
    						<div class="testo_home">
    							<h1 class="titoli_home">
    								<a href="">
    									Lipoaspirazione Ultrasonica
    								</a>
    							</h1>
    							<div>
    								
    
    
    									La chirurgia plastica estetica si occupa di correggere e migliorare difetti ed imperfezioni fisiche ed estetiche, ristabilendo armonia ed equilibrio, sia nelle proporzioni del corpo sia a livello psicologico
    								</p>
    								[continua...]
    							</div>
    						</div>
    					</div>
    					<div class="fleft in_home">
    						<div class="testo_home">
    							<h1 class="titoli_home">
    								<a href="">
    									Lipoaspirazione Ultrasonica
    								</a>
    							</h1>
    							<div>
    								
    
    
    									La chirurgia plastica estetica si occupa di correggere e migliorare difetti ed imperfezioni fisiche ed estetiche, ristabilendo armonia ed equilibrio, sia nelle proporzioni del corpo sia a livello psicologico
    								</p>
    								[continua...]
    							</div>
    						</div>
    					</div>
    					<div class="fleft in_home">
    						<div class="testo_home">
    							<h1 class="titoli_home">
    								<a href="">
    									Lipoaspirazione Ultrasonica
    								</a>
    							</h1>
    							<div>
    								
    
    
    									La chirurgia plastica estetica si occupa di correggere e migliorare difetti ed imperfezioni fisiche ed estetiche, ristabilendo armonia ed equilibrio, sia nelle proporzioni del corpo sia a livello psicologico
    								</p>
    								[continua...]
    							</div>
    						</div>
    					</div>
    					<div class="clear">
    					</div>
    				</div>
    			</div>
    			<div id="footer">
    				
    
    
    					Studio Medico Piazza Gandhi 3 - One Day Medical Center - Via A.Ambrosini - 00144 Roma
    				</p>
    				
    
    
    					Tel 06.5913157 Tel 06.5913916 Tel 06.59413267 - Prenotazioni dal Lunedì al Venerdì h. 11-19
    				</p>
    			</div>
    		</div>
    	</body>
    </html>

  2. #2
    codice:
    html{
    	margin:0;
    	padding:0;
    }
    	html img{
    		margin:0;
    		border:0;
    	}
    	html a{
    		color:#ffffff;
    		text-decoration:none;
    	}
    	html a:hover{
    		color:#000033;
    		text-decoration:none;
    	}
    	body{
    		margin:0;
    		padding:0;
    		text-align:center;
    		font-family:Arial;
    		font-size:11px;
    		background:url('img/sito_img/sfondo_sito.jpg') repeat-x #e7e3e3;
    	}
    		body img{
    			border:0;
    		}
    			#centrato{
    				margin-left:auto;
    				margin-right:auto;
    				width:950px;
    				background:#ffffff;
    			}
    				#top{
    					height:171px;
    					width:950px;
    				}
    					#top #foto{
    						width:155px;
    						height:171px;
    						overflow:hidden;
    					}
    						#top #foto img{
    							width:155px;
    						}
    					#top #logo{
    						width:795px;
    					}
    						#top #logo img{
    							height:124px;
    						}
    					#top #menu{
    						width:795px;
    						height:171px;
    						background:#005699;
    					}
    						#top #menu #top_menu{
    							height: 47px;
    							width:795px;
    							background:url('img/sito_img/top_menu.jpg') no-repeat #008bcc;
    						}
    							#top #menu #top_menu ul{
    								margin:0;
    								padding-top:15px;
    								list-style:none;
    							}
    								#top #menu #top_menu ul li{
    									margin-right:14px;
    									float:left;
    								}
    									#top #menu #top_menu ul a{
    										font-size:12px;
    										text-transform:uppercase;
    										font-weight:bold;
    									}
    				#corpo_pagina {
    				}
    					#corpo_pagina #home{
    						width:639px;
    						height:455px;
    						overflow:hidden;
    					}
    					#corpo_pagina #immagine_home{
    						width:639px;
    						height:267px;
    						overflow:hidden;
    					}
    						#corpo_pagina #immagine_home img{
    							width:639px;
    						}
    					#corpo_pagina #box1{
    						width:210px;
    						height:140px;
    						overflow:hidden;
    						background:url('img/sito_img/immagine_box_1.jpg') no-repeat;
    						text-align:left;
    					}
    					#corpo_pagina #box2{
    						width:219px;
    						height:140px;
    						overflow:hidden;
    						background:url('img/sito_img/immagine_box_2.jpg') no-repeat;
    						text-align:left;
    					}
    					#corpo_pagina #box3{
    						width:210px;
    						height:140px;
    						overflow:hidden;
    						background:url('img/sito_img/immagine_box_3.jpg') no-repeat;
    						text-align:left;
    					}
    					#corpo_pagina #fascia_sotto{
    						width:639px;
    						height:48px;
    					}
    						#corpo_pagina #search{
    							background:url('img/sito_img/sfondo_search.jpg') no-repeat;
    							height:38px;
    							width:211px;
    						}
    							#corpo_pagina #search div{
    								margin-top:13px;
    							}
    								#corpo_pagina #search #search_image{
    									width:38px;
    									height:18px;
    									margin-left:25px;
    								}
    								#corpo_pagina #search #input{
    									width:110px;
    									height:12px;
    									margin-left:5px;
    								}
    								#corpo_pagina #search #submit{
    									width:18px;
    									height:19px;
    									margin-left:5px;
    								}
    						#corpo_pagina #link_utili{
    							width:110px;
    							height:38px;
    							background:url('img/sito_img/sfondo_link.jpg') no-repeat;
    							margin-right:11px;
    						}
    							#corpo_pagina #link_utili h1 a{
    								text-transform:none;
    							}
    					#corpo_pagina #laterale{
    						background:url('img/sito_img/sfondo_destra.jpg') no-repeat #008bcc;
    						width:311px;
    						text-align:right;
    						overflow:hidden;
    					}
    						#corpo_pagina #laterale div{
    							margin-right:15px;
    							margin-top:10px;
    						}
    							#corpo_pagina #laterale div div{
    								margin-top:10px;
    							}
    								#corpo_pagina #laterale h1{
    									font-size:13px;
    									text-transform:uppersize;
    									margin:0;
    								}
    									#corpo_pagina #laterale ul{
    										list-style:none;
    										margin:0;
    									}
    										#corpo_pagina #laterale ul li a{
    											color:#e7e3e3;
    										}
    										#corpo_pagina #laterale ul li a:hover{
    											color:#000033;
    										}
    					#corpo_pagina #news{
    						background:url('img/sito_img/news.jpg') no-repeat;
    						height:23px;
    						width:950px;
    					}
    					
    				#footer{
    					color:#005699;
    					margin-top:80px;
    				}
    					#footer p{
    						margin:0;
    					}
    .fleft{
    	float:left;
    }
    .fright{
    	float:right;
    }
    .clear{
    	clear:both;
    }
    .immagini_home{
    	width:69px;
    	height:69px;
    	overflow:hidden;
    }
    	.immagini_home img{
    		width:69px;
    	}
    .titoli_home{
    	margin:5px 0 5px 0;
    }
    	.titoli_home a{
    		font-size:13px;
    		text-transform:uppercase;
    	}
    .testo_home{
    	margin-left:14px;
    	margin-right:5px;
    	color:#ffffff;
    }
    	.testo_home p{
    		margin:0;
    		margin-left:1px;
    	}
    .in_home{
    	width:290px;
    	margin-left:15px;
    }
    		.in_home .testo_home{
    		width:280px;
    		color:#000000;
    		text-align:left;
    	}
    		.in_home .testo_home a{
    			color:#005699;
    			font-weight:800;
    		}
    		.in_home .testo_home a:hover{
    			color:#000033;
    		}

  3. #3
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    cosa intendi per "rotto"?

  4. #4
    uhm, ok, forse è un termine un pò troppo generico :P

    Vi linko due immagini per fare vedere come dovrebbe uscire e invece come si vede


    a sinistra, la versione giusta, a destra quella corrotta.

    http://yfrog.com/javaudoj

    Come si vede, ad esempio, i link orizzontali subito sotto il logo si ammucchiano a sinistra e la scritta "link utili" sale di una decina di px...

  5. #5
    Ho notato che il problema compare quando si preme velocemente 2 volte il refresh, come se "nella fretta di caricare" commette qualche errore...

    se invece si refresha "con calma" l'errore non c'è...

  6. #6
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    NOn saprei, non riscontro nessuno dei due problemi. Cmq per quello del menu prova ad assegnare un padding-left al ul, ameno sei sicuro, adesso ci dev'essere impostato uno di default

  7. #7
    allora...mettendo un altro
    codice:
    <div class="clear"></div>
    prima della chiusura del div #centrato ho risolto un pochino...poi ho messo un margin-left all'<ul> del top, così male che vada si sposta un pò troppo verso destra, ma almeno non si schianta contro il margine sinistro...però non riesco proprio a capire da cosa dipenda =\

  8. #8
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    usa anche un foglio stile di reset perchè credo che ci siano dei comportamenti inaspettati dovuti anche al fatto che non ci siano degli azzeramenti.

    A me è successo in una occasione che FF leggeva a volte sì a volte no il css, ma era una situazione in cui avevo dovuto fare salti mortali con delle tabelle di cui dovevo forzare la visualizzazione

  9. #9
    cosa intendi per foglio di stile di reset?

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.