Ciao a tutti,
ho creato una pagina con un div padre centrato a grandezza fissa.
Al suo interno ci sono dei div con position relative.
Come faccio a gestire il fatto che in internet explorer per windows in alcuni casi il div padre si allunga verso il basso, senza mantenere le dimesioni fisse impostate? E che su internet explorer per mac uno dei div interni esce fuori dal div padre?
Mentre su gli altri browser tutto bene!!!
il problema è tutto nel box-model che IE lo fa a modo suo.Originariamente inviato da Ersalonaro
Ciao a tutti,
ho creato una pagina con un div padre centrato a grandezza fissa.
Al suo interno ci sono dei div con position relative.
Come faccio a gestire il fatto che in internet explorer per windows in alcuni casi il div padre si allunga verso il basso, senza mantenere le dimesioni fisse impostate? E che su internet explorer per mac uno dei div interni esce fuori dal div padre?
Mentre su gli altri browser tutto bene!!!
soluzioni sono nelle guide di questo sito:
http://www.html.it/css/guida_css_15.htm
che in questo (non so dove)
http://www.constile.org/template/
ciao
Per fare una verifica ho aggiunto il bordo... è il contorno perfetto del div però in basso c'è una parte vuota tra la fine di questo e il bordo del div padre!?!!??!
Ho aggiunto nel div
padding: 0px;
margin: 0px;
ma niente!?!?!
HELP ME!!!
ti ho già risposto, devi seguire le guide.Originariamente inviato da Ersalonaro
Per fare una verifica ho aggiunto il bordo... è il contorno perfetto del div però in basso c'è una parte vuota tra la fine di questo e il bordo del div padre!?!!??!
Ho aggiunto nel div
padding: 0px;
margin: 0px;
ma niente!?!?!
HELP ME!!!
Puoi fare tutte le verifiche che vuoi, se fosse stato immediato ti avrei dato le due righe di ricetta per sistemare il tutto.
ciao
Secondo me il problema sta nel fatto che i div all'interno di quello principale sono sovrapposti... ovvero sono immagini con sfondo trasparente che in alcuni casi vanno ,in parte, sopra ad altre.
Non si incastrano perfettamente tra loro i div...
i div non sono immagini, tuttalpiù li hai usati per contenere immagini, e questo dal punto di vista del posizionamentoè fondamentale perchè i div sono blocchi di pagina e di defoult ... vanno a capo, mentre le immagini sono inline ... sullo stesso rigo.
Poi se non posti un po' di codice (non una piccola parte) come si fa a capire?
Comunque la faccenda che hai toccato è problematica perchè presenta comportamenti diversi a seconda dei browser. Puoi leggere sui link che ti ho dato ... oppure hai già letto, ma non ti interessa.
Ciao
Ti mando il codice di un esempio...
la pagina html:
<html>
<head>
<meta http-equiv="Content-Language" content="it">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<META NAME="keywords" content="....">
<META NAME="author" CONTENT="--">
<title>titolo</title>
<link rel=stylesheet href="stile.css" type="text/css">
<style>
.pics {
position: relative;
top: -79px;
left: 95px;
width: 851px;
height: 440px;
padding: 0px;
margin: 0px;
}
</style>
</head>
<body>
<div class="corpo">
<div class="menu" style="z-index: 1">
<table cellspacing="0" cellpadding="0" width="950" height="215" border="0">
<tr>
<td width="163" height="215" rowspan="3">
[img]./images/menu/logo.gif[/img]
</td>
<td width="787">
[img]./images/menu/up.gif[/img]
</td>
</tr>
<tr>
<td>
[img]./images/menu/voci.gif[/img]
</td>
</tr>
<tr>
<td>
[img]./images/menu/down.gif[/img]
</td>
</tr>
</table>
</div>
<div class="pics" style="z-index: 2">
[img]./images/home.gif[/img]
</div>
</div>
</body>
</html>
css:
body, table, td, th, label, p, legend, fieldset, h1, h2, h3, div, caption, span, a, abbr, acronym, input, textarea, select {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #000000;
}
td, label, p, legend, h2, h3, div, caption, span, a, select {
font-size : 12px;
}
.menu {
position: relative;
top: 10px;
left: 0px;
width: 950px;
height: 215px;
}
.centro {
position: relative;
top: -20px;
left: 0px;
width: 950px;
height: 350px;
padding: 0px;
margin: 0px;
float: right;
border-style: solid;
border-color: #CCCCCC;
border-width: 1px;
}
.testo {
position: relative;
top: 0px;
left: 470px;
width: 390px;
height: 290px;
overflow: auto;
padding: 8px;
}
.corpo {
margin: 0px auto;
text-align:left;
padding: 0px;
width: 950px;
height: 552px;
border-style: solid;
border-color: #CCCCCC;
border-width: 1px;
}
table, tr, th, td {
margin: 0px;
padding: 0px;
}
th {
font-size : 13px;
font-weight : bold;
}
body {
background-color: #ffffff;
text-align:center;
margin:50px 0px;
padding:0px;
}
il div padre si allunga..
Permessi di invio
Rispondi quotando