allineamento livello a dx

**TuTToWeB** · 01-08-2006, 15:44

ciao a tutti...

codice:

  <div id="head">
    <div id="logo">
      [img]images/logo.jpg[/img] 
    </div>
    
    <div id="cerca">
      <span class="cerca">Cerca:</span >
      <input type="text" name="keyword" />
      <input type="image" value="Cerca" src="images/invia.png" title="Cerca" alt="Cerca" /> 
    </div>
    
  </div>
  <hr />

cm allineo tutto il div "cerca" sul margine destro della pagina?

**TuTToWeB** · 01-08-2006, 15:54

edit:
ho impostato float right e float left rispettivamente sul livello cerca e sul livello logo

il risultato ke ci stava il logo, la linea orizzontale e il cerca...

come metto la linea orizzontale sotto questi livelli, in quanto si sovrappongono nel momento in cui io metto float:right

**TuTToWeB** · 01-08-2006, 16:10

ecco..credo proprio ke posterò tutto

PAGINA HTML

codice:

<body>

<div id="contenitore">

  <div id="logo">
    [img]images/logo.jpg[/img] 
  </div>
   
  
  <div id="cerca">
    <span class="cerca">Cerca:</span >
    <input type="text" name="keyword" />
    <input type="image" value="Cerca" src="images/invia.png" title="Cerca" alt="Cerca" /> 
  </div>
    
  </div>
  
  <hr />
  
  <div id="col1">
  ciao
  </div>
  
  <div id="col2">
  'mbare
  </div>
</div>

</body>

Foglio di stile

codice:

/* INTESTAZIONE */
body
{
  margin: 0px 50px 0px 50px;
}

#contenitore
{
  margin:auto;
  width: 100%;
}

#cerca
{
  float:right;
  display: inline;
  width: 30%;
}

#logo
{
  float:left;
  display: inline;
  vertical-align:middle;
  width: 68%;
}

span.cerca
{
  font-family: Trebuchet MS, Tahoma, Verdana;
  font-size:11px;
  color:#009900;
  font-weight: bold;
}

hr {
    border: 0px;
    color: #9999EE;
    background-color: #9999EE;
    height: 1px;
}

#col1
{
  float:left;
  width:30%;
  display:inline;
  
  border: 1px dashed #000000;
  background-color:#AAFFAA;
}

#col2
{
  float:right;
  width:60%;
  display:inline;
}

su ie ho grosse difficoltà a farlo combaciare, ma su firefox è tutt'altra cosa...

please...aiutatemi a lasciare le tabelle x il layout

Discussione: allineamento livello a dx

Strumenti discussione

Ricerca discussione

Visualizza

allineamento livello a dx

ie vs ff

Permessi di invio