Salve, come da titolo non riesco a posizionare alcuni elementi tramite css.
Opero su un file header.php e uno style.css, originariamente erano in pratica 2 tabelle una sopra l'altra, io ho creato 2 colonne nella tabella superiore, e il contenuto della tabella inferiore si e' spostato a destra, seguendo la colonna della tabella superiore.
codice header.php originale
codice header.php attualecodice:<div id="container"> <div id="header"> </div> <div id="menu"> </div>
codice:<div id="container"> <div id="header"> <div class="logocont"> </div> <div class="newscont"> </div> </div> <div id="menu"> </div>Questa e' la parte da me aggiunta, il resto non l'ho toccato:codice:/* Container */ #container { width: 940px; margin: 0 auto; background: url(images/top.gif) no-repeat 0 143px; } /* Header */ #header { width: 100%; height: 108px; } #header h1 { padding: 30px 0 0 20px; } /* Divisione logo e resto */ .logocont{width:450px;float:left;} .newscont{margin-left:450px; padding-top:5px;} /* Main Menu */ #menu { width: 100%; height: 35px; margin-bottom: 4px; } #menu ul { position: relative; width: 764px; height: 35px; margin-left: 160px; padding: 0; background: url(images/menu_bg.gif) repeat-x 0 bottom; } #menu ul li { float: left; line-height: 30px; display: inline; font-weight: bold; text-transform: uppercase; font-family: "Lucida Sans", Arial, sans-serif; } #menu ul li a { display: block; position: relative; margin-top: 5px; padding: 0 27px 0 0; color: #C0CDCF; border-left: #2B404D 1px solid; }
/* Divisione logo e resto */
.logocont{width:450px;float:left;}
.newscont{margin-left:450px; padding-top:5px;}
Se nel css inserisco # al posto di . il contenuto di newscont mi finisce sotto al contenuto di logocont.![]()

Rispondi quotando