Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2003
    Messaggi
    34

    layout spostato! xke?!?

    ciao, mi avevano suggerito tempo da di vedere le dimensini del padding e del margin per lo spostamento del menu du sx!

    infatti con IE il menu di SX viene spostato sotto anziche essere affiancato...
    Riposto il codice sperando che qualche perosna mi possa aiutare!
    codice:
    /*typography*/
    body{font: 76% verdana,arial,sans-serif;text-align: center}
    h1,h2,h3{font-family: "Trebuchet MS",arial,sans-serif}
    h1{font-size: 200%;color: #2170a7}
    h2{font-size: 160%;color: #f60}
    h3{font-size:110%;text-transform:uppercase;letter-spacing:1px;margin:0 5px;color: #B02A36}
    h2,p{margin: 0 15px;padding:0}
    h1 a:hover{color: #fff}
    p{padding-bottom: 0.7em;line-height: 1.5}
    a{text-decoration: none}
    address{padding: 3px 15px;font-style:normal}
    div#relax p{font-size: 120%}
    
    /*layout*/
    html{height: 100%; margin-bottom: 1px}
    html,body{margin:0;padding:0 0 20px}
    div#container{width: 900px;margin: 0 auto;text-align: left}
    body{background: #000}
    
    /*intestazione*/
    div#header{margin:0 0 10px;padding: 0 0 5px}
    div#header h1{margin:0 5px;padding:60px 0 2px}/*Sfondo con immagine*/
    div#header a{margin-left: 10px}
    div#header{background: #FFF}
    div#header h1{background: url(logo.gif) no-repeat center;  background-color: Black; }
    
    /*Corpo Centrale*/
    div#content{
    	float:right; 
    	width:725px;
    	padding:5px 0;
    	margin-bottom: 10px;
    	background: #336699}
    
    /*Sponsor*/
    div#sponsor{
    	float:right; 
    	width:725px;
    	padding:5px 0;
    	margin-bottom: 10px;
    	text-align:center;
    	background:#FFFF99}
    	
    /*Menu*/
    div#sidebar{
    	width: 155px;
    	padding: 2px 0;
    	margin-bottom:5px;
    	margin: 0 2px;}
    
    /*Link nel meunu*/
    div#nav{background: #6699CC;}
    div#nav ul,div#nav li{margin:0;padding:0;list-style-type:none;line-height: 1.5}
    div#nav a{margin-left:5px;padding-left:10px;color: #2660B1}
    div#nav a:hover{color: #FFF}
    
    
    /*login*/
    div#blogin{background:#3399CC}
    form#login{margin-left:10px;margin-right:10px;}
    div#elogin{margin-left:10px;margin-right:10px;text-align:center;background:#CC66CC}
    
    
    /*Impostazioni del testo*/
    div#text_ac{margin-left:10px;  margin-right:10px;text-align:center;background:#FFF}
    div#text_ar{margin: 10px 10px;background:#FFF}
    
    /*Form*/
    form{margin: 5px 5px;text-align:center}
    form h3{margin-bottom: 10px}
    form div{padding: 5px 0}
    form#login {background: #FF9933}
    form#contattaci{background:#B4CEF7}
    
    /*Fondo*/
    div#footer{
    	text-align:center; 
    	clear: right;
    	margin-top: 10px;
    	padding:5px 0;
    	background: #ffcc66;
    	color: #333}

  2. #2
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    Re: layout spostato! xke?!?

    ciao
    sarebbe meglio che scrivi l'url della pagina, se è in rete;
    con tuto questo codice.... non è facili individuare l'errore.
    Floyd
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

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.