quindito blcco non entra nell ultimo spazio

**Innavoig** · 17-12-2008, 18:54

ho costruito tutto quest con tag div e formattandolo in css
le prime 3 colonne sono state facili ,la prima i alto a sinistra è entrata da sola , la seconda lo allineata a destra dopo la terza colonna , e così più o meno è andata
poi sotto ,
la colonna dove dice "costi e tempi per la spedizione " tutto ok ,
lo messa dopo il terzo tag div , è me l ha posizionato in automatico da capo
ma ora il problema c'è l ho con il tag div da inserire in quello spazio bianco on basso a destra , lo formattato css e gli ho dato allinea a destra , ma niente da fare , non mi va ,
questa èla prima volta che mi trovo in una situazione del genere , mai tante caselle così , come posso risolvere ?

**homezappa** · 18-12-2008, 09:51

Un link o il codice, per favore!
Mica siamo indovini!
P.S: sei italiano? se sì (forse) è meglio che studi un po' di grammatica!

Zappa

**Innavoig** · 18-12-2008, 11:48

ho fatto , però nn so se va bene.
gli ho dato dei valori negativi con i css ,per farlo adattare alla pagina , il tag in qeustione si chiama "news"

<!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=utf-8" />
<title>Documento senza titolo</title>

<script type="text/javascript" src="java/jquery.js"></script>
<script type="text/javascript" src="java/sliding_effect.js"></script>
<style type="text/css">
body {
background-image: url();
background-repeat: repeat;
margin:0 auto;
padding:0 inherit;
background-color: #2A2A2A;
}
#Head {
height: 116px;
margin-right: auto;
margin-left: auto;
background-color: #080808;
width: 950px;
padding-right: 10px;
padding-left: 10px;
}
#menu {
background-color: #990000;
background-image: url(images/background.gif);
height: 25px;
width: 950px;
margin-right: auto;
margin-left: auto;
padding-right: 10px;
padding-left: 10px;
}
#corpo {
margin-right: auto;
margin-left: auto;
height: 450px;
background-color: #fffced;
width: 950px;
padding: 10px;
position: static;
}
#menu ul {
list-style-type: none;
margin-top: 2px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#menu ul li {
display: inline;
}
#menu ul li a {
float: right;
padding-right: 30px;
padding-left: 10px;
}
#menu ul li a:link, menu ul li a:visited {
font-family: "Times New Roman", Times, serif;
font-weight: 800;
color: #FFFFFF;
font-size: 13px;
}
#menu ul li a:hover {
font-family: "Times New Roman", Times, serif;
font-weight: 800;
color: #FFFFFF;
text-decoration: none;
}
#menu ul li.current a:link {
font-family: "Times New Roman", Times, serif;
font-weight: 800;
color: #FFFFFF;
text-decoration: none;
}
#corpo #colsix {
width: 140px;
background-color: #000000;
height: 450px;
background-repeat: no-repeat;
background-position: top;
border-bottom-width: 30px;
border-bottom-style: solid;
border-bottom-color: #000000;
}
#corpo #colcenter {
float: right;
height: 500px;
width: 605px;
clear: no;
}
.Stile1 {
color: #000000;
font-weight: bold;
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
}
.Stile2 {
font-family: pristina;
font-size: 36px;
}
.Stile3 {
font-family: "Times New Roman", Times, serif;
font-size: 18px;
}

h2
{
color: #999;
margin-bottom: 0;
margin-left:13px;
background:url(navigation.jpg) no-repeat;
height:40px;
}

h2 span
{
display: none;
}

p
{
color: #ffff66;
margin-top: .5em;
font-size: .75em;
padding-left:15px;
}
#corpo #tracking {
height: 210px;
width: 210px;
float: right;
background-color: #222222;
color: #FFFFFF;
padding: 5px;
}
#corpo #benvenuto {
height: 210px;
width: 515px;
background-color: #FFFFFF;
float: right;
margin-right: 10px;
border: thin solid #000000;
}
#corpo #costietempi {
float: no;
color: #FFFFFF;
}
#corpo {
}
#corpo #costietempi #elencocosti {
width: 300px;
}
#corpo #news {
width: 424px;
margin-top: -228px;
left: 669px;
top: 375px;
height: 208px;
float: right;
background-color: #670E10;
padding: 5px;
}
#corpo #news #titlenews {
height: 30px;
background-color: #222222;
background-image: url(images/backnewstittle.gif);
color: #FFFFFF;
font-weight: 700;
text-align: center;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
font-family: "Times New Roman", Times, serif;
}
#corpo #tracking #formtracking {
text-align: right;
color: #FFFFFF;
font-weight: 500;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
background-color: #333333;
}
#corpo #tracking #titolo {
margin-right: auto;
margin-left: auto;
height: 30px;
background-image: url(images/backtracking.gif);
color: #FFFFFF;
text-align: center;
font-weight: 600;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #850606;
}

#navigation-block {
position: fissa;
width: 190px;
background-color: #222222;
padding-bottom: 10px;
padding-top: 5px;
height: 205px;
}

#hide {
position:absolute;
top:30px;
left:-190px;
}

ul#sliding-navigation
{
list-style: none;
font-size: .75em;
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
display: block;
width: 150px;
margin-bottom: 5px;
margin-top: 0;
margin-right: 0;
margin-left: 0;
padding-top: 1px;
padding-right: 18px;
padding-bottom: 5px;
padding-left: 18px;
}

ul#sliding-navigation li.sliding-element h3
{
color: #FFFFFF;
font-weight: 600;
background-repeat: repeat-x;
font-family: "Times New Roman", Times, serif;
width: 145px;
background-image: url(images/backtracking.gif);
margin-right: auto;
margin-left: auto;
margin-bottom: 15px;
font-size: 18px;
border-bottom-width: medium;
border-bottom-style: solid;
border-bottom-color: #850606;
text-align: center;
}

ul#sliding-navigation li.sliding-element a
{
color: #FFFFFF;
text-decoration: none;
background-repeat: repeat-y;
background-image: url(images/backnavigation.jpg);
background-position: right;
background-color: #990000;
}

ul#sliding-navigation li.sliding-element a:hover { color: #ffff66; }
#corpo #costietempi {
height: 210px;
width: 500px;
background-color: #222222;
margin-top: 10px;
margin-right: 5px;
margin-bottom: 10px;
padding: 5px;
}
#corpo #costietempi #titlecostietempi {
height: 30px;
background-image: url(images/backtracking.gif);
color: #FFFFFF;
font-family: "Times New Roman", Times, serif;
font-weight: 700;
border-bottom-width: medium;
border-bottom-style: solid;
border-bottom-color: #850606;
text-align: center;
vertical-align: middle;
}
#footer {
height: 80px;
margin-right: auto;
margin-left: auto;
background-color: #990000;
width: 950px;
padding-right: 10px;
padding-left: 10px;
background-image: url(images/backfooter.gif);
}
</style>
</head>
<body>
<div id="Head">[img]images/MBE_montesarchio.gif[/img]</div>

<div id="menu">
<ul>
<li >MBE sito ufficiale
<li >Contatti[*]Chi siamo [*]Avvisi[*]Servizi e costi

<li class="current">Home[/list]
</div>

<div id="corpo">

<div id="tracking">
<div id="titolo">Tracking</div>
<div id="formtracking">
<form id="form1" name="form1" method="post" action="">

<label>Nome
<input type="text" name="Nome" id="Nome" />
</label>

<label>N°Moss
<input type="text" name="numero moss" id="N°Moss" />
</label>

<label>Email
<input type="text" name="Email" id="Email" />
</label>

<input name="Invia Richiesta" type="button" value="Invia Richiesta" />
</form>
</div>
</div>

<div id="benvenuto"></div>
<div id="navigation-block">
<ul id="sliding-navigation">
<li class="sliding-element"><h3>Servizi</h3>
<li class="sliding-element">Link 1
<li class="sliding-element">Link 2
<li class="sliding-element">Link 3

<li class="sliding-element">Link 4
<li class="sliding-element">Link 5[/list]
</div>

<div id="costietempi">
<div id="titlecostietempi">Costi e Tempi per la spedizione</div>
</div>
<div id="news">

<div id="titlenews">Avvisi e Offerte</div>
</div>

</div>

<div id="footer">
</div>

</body>
</html>

Discussione: quindito blcco non entra nell ultimo spazio

Strumenti discussione

Ricerca discussione

Visualizza

quindito blcco non entra nell ultimo spazio

Permessi di invio