div 100%

**dalceredo** · 29-09-2008, 17:20

Ciao a tutti sto cercando di inserire una linea orrizzontale difianco alla pagina web precisamente vi posto il codice html e precisamente dove c'è scritto <div id="right">

Codice PHP:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Documento senza titolo</title>

<link href="css/sty.css" rel="stylesheet" type="text/css" />

</head>

<body>

    <div id="left">Logo</div>

    <div id="right">[url="#"]Italiano[/url] | Inglese </div>

</body>

</html>

Questo invece è il codice css. Quello che vorrei ottenere è che right toccasse la parte destra del browser ho provato ad inserire 100% nella larghezza (width:100%

ma la parte di right va a capo. Mi potete aiutare ? Grazie

#left{
float: left;
width:547px;
height: 46px;
vertical-align: middle;
}
#right{
color: #666666;
float: left;
width:223px;
height: 46px;
text-align: right;
}

**fcaldera** · 29-09-2008, 20:27

puoi riaprire il thread utilizzando un titolo più esplicativo, grazie

circa il tuo problema, prova comunque a partire da un codice del tipo

codice:

<div id="header">
   <ul>[*]italiano[*]inglese[/list]
 
   <div id="logo">
      [img]logo.gif[/img]
   </div>
</div>


#header { height: auto; overflow: hidden; width: 99%; min-width: 400px;  border:1px solid green; }

#header ul { width: 160px; border:1px solid red;  display: inline; float: right; }

#header li, 
#header li a { width: 49%;  display: inline; float: left;}

#logo { float: left; display: inline;  border: 1px solid blue; }

Discussione: div 100%

Strumenti discussione

Ricerca discussione

Visualizza

div 100%

Permessi di invio