Height auto non funziona

mercoledì 22 maggio 2013 - 19.06

Elenco Threads

Stanze Forum

Aggiungi ai Preferiti

Cerca nel forum

fabioantoniololiva Profilo | Newbie

38 messaggi | Data Invio: mer 22 mag 2013 - 19:06

salve ragazzi
ho un foglio css

.corpo {
overflow: hidden;
padding: 0px;
}
#main {
float: right;
width: 100%;
position: relative;
z-index: 5;
right: 340px;
margin-right: -340px;
height:auto; ###################################################################################
min-height:1000px; ###################################################################################
}

#main #content {
margin-left: 300px;
padding: 2% 0 0 2%;
height:auto; ###################################################################################
min-height:1100px; ###################################################################################
}

.sidebar {
float: left;
width: 300px;
position: relative;
z-index: 10;
padding: 0px 0px;
min-height: 500px;
}

.sidebar ul {
margin: 0;
padding: 0;
list-style: none;

}

.sidebar ul li {
display: block;
width: 280px;
height: auto;
padding:10px 0px 10px 20px;
border-bottom:1px solid #E5E5E5;
}

.sidebar ul li a {
color: #fff;
display: block;
text-decoration: none;
width: 280px;
height: auto;
}

.sidebar ul li.active {
background-color:#E03A3A;
}

.sidebar ul li.active:hover {
background-color:#E03A3A;
}
.sidebar ul li:hover {
background-color: #313131;

}

.sidebar-ricerca-veloce {
width:260px;
height:100px;
padding:20px;
}

.footer {
width: 100%;
height: auto;
padding: 10px 20px;
text-align:center;
}

e una pagina html

<body>

<div class="corpo">
<div class="header sfondo-grigio-scuro">
<h2 class="colore-rosso">Loliva Fabio Antonio </h2>
<h2 class="colore-bianco">   //   Admin Control Panel</h2>
</div>
<div id="main">
<div id="content" class="sfondo-bianco">
<h1 class="colore-grigio">Gestione Veicoli</h1>
<br />
<br />
<div class="box-percorso">
<div class="box-sitemap sfondo-grigio">
<h4 class="colore-nero">Home / Gestione Veicoli</h4>
</div>
<div class="box-data float-right sfondo-verde">
<img src="Img/calendar.png" width="30" height="30" style="margin-top: -3px; margin-right: 15px;" class="float-left" />
<h4 class="colore-bianco float-left">
<asp:Label ID="lblDate" runat="server"></asp:Label></h4>
</div>
</div>

<div class="box-elenco bordo-viola">
<div class="box-elenco-titolo sfondo-viola">
<h4 class="colore-bianco">Parco macchine</h4>
</div>
</div>
</div>
</div>

Nel foglio css, in corrispondenza deui #################### ho inserito altezza auto ma non funziona....sapreste aiutarmi per favore?
<div class="sidebar">
<div class="sidebar-ricerca-veloce"></div>
<ul>
<li class="active">
<asp:HyperLink ID="hlHome" runat="server" NavigateUrl="~/Default.aspx"><h4>Dashboard</h4></asp:HyperLink>
</li>
<li>
<asp:HyperLink ID="hlGestioneVeicoli" runat="server" NavigateUrl="~/GestioneProdotti.aspx"><h4>Gestione Veicoli</h4></asp:HyperLink>

</li>
<li>
<asp:HyperLink ID="hlGestioneTabelle" runat="server" NavigateUrl="~/GestioneTabelle.aspx"><h4>Gestione Tabelle</h4></asp:HyperLink>
</li>
<li>
<asp:HyperLink ID="hlNewsletter" runat="server" NavigateUrl="~/Newsletter.aspx"><h4>NewsLetter</h4></asp:HyperLink>
</li>
</ul>
</div>
<div class="footer sfondo-grigio-scuro" style="clear:both">
<h5 class="colore-bianco">2013 © Loliva Fabio Antonio - Admin Dashboard Panel</h5>

</div>

</div>

___________________________________________________________________
Fabio Antonio Loliva

darken Profilo | Newbie

37 messaggi | Data Invio: lun 30 giu 2014 - 15:42

>salve ragazzi
>ho un foglio css
>
>.corpo {
> overflow: hidden;
> padding: 0px;
>}
>#main {
> float: right;
> width: 100%;
> position: relative;
> z-index: 5;
> right: 340px;
> margin-right: -340px;
>height:auto; ###################################################################################
>min-height:1000px; ###################################################################################
>}
>
> #main #content {
> margin-left: 300px;
> padding: 2% 0 0 2%;
>height:auto; ###################################################################################
>min-height:1100px; ###################################################################################
> }
>
>.sidebar {
> float: left;
> width: 300px;
> position: relative;
> z-index: 10;
> padding: 0px 0px;
> min-height: 500px;
>}
>
> .sidebar ul {
> margin: 0;
> padding: 0;
> list-style: none;
>
> }
>
> .sidebar ul li {
> display: block;
> width: 280px;
> height: auto;
> padding:10px 0px 10px 20px;
> border-bottom:1px solid #E5E5E5;
> }
>
> .sidebar ul li a {
> color: #fff;
> display: block;
> text-decoration: none;
> width: 280px;
> height: auto;
> }
>
> .sidebar ul li.active {
> background-color:#E03A3A;
> }
>
> .sidebar ul li.active:hover {
> background-color:#E03A3A;
> }
> .sidebar ul li:hover {
> background-color: #313131;
>
> }
>
>.sidebar-ricerca-veloce {
> width:260px;
> height:100px;
> padding:20px;
>}
>
>.footer {
> width: 100%;
> height: auto;
> padding: 10px 20px;
> text-align:center;
>}
>
>e una pagina html
>
><body>
>
> <div class="corpo">
> <div class="header sfondo-grigio-scuro">
><h2 class="colore-rosso">Loliva Fabio Antonio </h2>
><h2 class="colore-bianco"> // Admin
>Control Panel</h2>
> </div>
><div id="main">
> <div id="content" class="sfondo-bianco">
> <h1 class="colore-grigio">Gestione Veicoli</h1>
> <br />
> <br />
> <div class="box-percorso">
> <div class="box-sitemap sfondo-grigio">
><h4 class="colore-nero">Home / Gestione Veicoli</h4>
> </div>
><div class="box-data float-right sfondo-verde">
><img src="Img/calendar.png" width="30" height="30" style="margin-top:
>-3px; margin-right: 15px;" class="float-left" />
> <h4 class="colore-bianco float-left">
><asp:Label ID="lblDate" runat="server"></asp:Label></h4>
> </div>
> </div>
>
> <div class="box-elenco bordo-viola">
> <div class="box-elenco-titolo sfondo-viola">
><h4 class="colore-bianco">Parco macchine</h4>
> </div>
> </div>
> </div>
> </div>
>
>Nel foglio css, in corrispondenza deui #################### ho
>inserito altezza auto ma non funziona....sapreste aiutarmi per
>favore?
><div class="sidebar">
> <div class="sidebar-ricerca-veloce"></div>
> <ul>
> <li class="active">
><asp:HyperLink ID="hlHome" runat="server" NavigateUrl="~/Default.aspx"><h4>Dashboard</h4></asp:HyperLink>
> </li>
> <li>
><asp:HyperLink ID="hlGestioneVeicoli" runat="server" NavigateUrl="~/GestioneProdotti.aspx"><h4>Gestione
>Veicoli</h4></asp:HyperLink>
>
> </li>
> <li>
><asp:HyperLink ID="hlGestioneTabelle" runat="server" NavigateUrl="~/GestioneTabelle.aspx"><h4>Gestione
>Tabelle</h4></asp:HyperLink>
> </li>
> <li>
><asp:HyperLink ID="hlNewsletter" runat="server" NavigateUrl="~/Newsletter.aspx"><h4>NewsLetter</h4></asp:HyperLink>
> </li>
> </ul>
> </div>
><div class="footer sfondo-grigio-scuro" style="clear:both">
><h5 class="colore-bianco">2013 © Loliva Fabio Antonio -
>Admin Dashboard Panel</h5>
>
> </div>
>
> </div>
>
>
>___________________________________________________________________
>Fabio Antonio Loliva

Ciao,
che cosa ti aspetti che faccia esattamente "height: auto" ? E qual'è il problema di preciso?
Height: auto, non fà altro che adattare l'altezza dell'elemento in base al suo contenuto. Concettualmente in un div "non serve a nulla" se non ad eliminare precedenti impostazioni dell'Height. Difatti con l'height auto l'altezza dipende da quello che il div contiene.

Ciao

Torna su

Stanze Forum

Elenco Threads

Partecipa anche tu! Registrati!

Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !