Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    218

    [Problema Box] - Mi si "spacca" il box in explorer

    In FF appare giusto così:


    In explorer mi da problemi:


    Si spacca in basso a sinistra. E non capisco perchè. Sicuramente un problema di margin ma non lo riesco a risolvere.

    CSS:
    codice:
    body {
    	font-family: "Bitstream Vera Serif";
    	font: 76% "Bitstream Vera Sans Mono";
    	background-color: silver;
    	color: white;
    }
    p.special:first-letter {
    	float:left;
    	font-size: 20px;
    	color: white;
    	border:groove;
    }
    p.intro{
    	text-align: center;
    	font-style: oblique;
    	line-height: 20px;
    }
    h1{
    	font-size: larger;
    	text-align: center;
    	border: groove;
    }
    a{
    	color: white;
    	text-decoration: none;
    }
    a:hover{
    	text-decoration: underline;
    }
    a:visited{
    	color: #C1C1C1;
    }
    dt{
    	font-weight:bold;
    }
    dd{
    	margin-left: 0px;
    }
    dd.blank{
    	margin-top:20px;
    }
    ul{
    	list-style: none;
    	list-style-position: outside;
    	margin-left: -20px;
    }
    li{
    	list-style: none;
    	list-style-position: outside;
    }
    
    
    
    div#container{
    	width: 924px;
    	position: absolute;
    	left: 50%;
    	margin-left: -462px;
    	margin-top: 30px;
    	margin-bottom: 30px;
    	background-image: url(./Images/background3.jpg);
    }
    div#header{
    	width: 924px;
    	height: 90px;
    	background-image: url(./Images/title.jpg);
    	background-position: center;
    	border-bottom: 1px solid silver;
    	border-top: 1px solid silver;
    }
    div#navigation{
    	float: left;
    	width: 170px;
    	border-right: 1px solid silver;
    	border-bottom: 1px solid silver;
    	margin-left: 90;
    } 
    div#menu{
    	margin: 10px;
    	line-height: 30px;
    	border-bottom: 1px solid silver;
    }
    div#links{
    	margin-top: 20px;
    	margin-left: 10px;
    	margin-right: auto;
    	vertical-align: middle;
    	line-height: 30px;
    	
    }
    div#content{
    	margin-left: 275px;
    	margin-right: 105px;
    	margin-bottom: 30px;
    	border-left: 1px solid silver;
    	border-right: 1px solid silver;
    	border-bottom:1px solid silver;
    	padding: 1%;
    }
    	 
    div#footer{
    	position: relative;
    	bottom;
    	background-color: black;
    	clear: both;
    	border-top: 1px solid silver;
    	border-bottom: 1px solid silver;
    	padding-top:1%;
    	text-align: center;
    	height: 50px;
    	font: 10px "Bitstream Vera Sans Mono";
    }
    div#fotoscheda{
    	float: right;
    	border: 3px solid silver;
    	margin-left: 10px;
    	margin-bottom: 20px;
    	clear:right;
    }
    div#back{
    	position: relative;
    	bottom right;
    	clear: both;
    	margin-left: 480px;
    	border: 1px solid silver;
    }
    div#gtevent{
    	margin-top: 460px;
    	height: 150px;
    	width: 100%;
    	text-align: center;
    }
    HTML
    codice:
    <div id="content">
            <h1>Gabriele</h1>
           		<div id="fotoscheda">[img]./Images/fotoga.jpg[/img]</div>
           		<div id="fotoscheda">[img]./Images/fotomarco.jpg[/img]</div>
            <dl>
          	   <dt>Nome:</dt><dd>Gabriele</dd> 
            		<dt>Data di nascita:</dt> <dd>5 Ottobre 1985</dd> 
            		<dt>Segno Zodiacale:</dt> <dd>Bilancia</dd>
            		<dd class="blank"></dd>
            		<dt>Con i Bad Illusion da:</dt><dd>Sempre</dd> 
            		<dd class="blank"></dd>
            		<dt>Progetti paralleli:</dt><dd>Feedback (Cover Band), AncoraSenzaNome (Cover Band)</dd>  
            		<dd class="blank"></dd>
            		<dt>Progetti passati:</dt><dd>Nessuno</dd>
            		<dd class="blank"></dd>
            		<dt>Strumento:</dt><dd>Basso</dd>
            		<dd class="blank"></dd>
            		<dt>Strumentazione:</dt><dd>Yamaha RBX 774, Peavy TNT 115</dd>
    			   <dd class="blank"></dd>
          	   <dt>Influenze musicali:</dt><dd>Rock, Blues, Hard Rock, Metal, Glam Metal</dd>
      		      <dd class="blank"></dd>
         		   <dt>Gruppi preferiti:</dt><dd>Guns N'Roses, Aerosmith, Bon Jovi, Cinderella, Poison, Skid Row, Def Leppard</dd>
       		   <dd class="blank"></dd>
       		   <dt>Rocker preferiti:</dt><dd>Duff McKagan, Steven Tyler, Jon Bon Jovi, Tom Keifer, Axl Rose</dd>
       		   <dd class="blank"></dd>
          		<dt>Canzoni preferite:</dt><dd>Rocket Queen, It's So Easy, 18 And Life, Nobody's Fool, Somebody Save Me, Runaway, Only Lonely, Shot Trought The Heart, Come Back</dd>
    		  </dl>
            
            
            <div id="back">Back</div>
            
            </div>

  2. #2
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    218
    Cambiando un po' di cose ora mi viene fuori questo:




    Segno evidente che il mio div contenitore viene bypassato dagli elementi al suo interno.

    Per la precisione ho un div conententi le due foto (anch'esse contenute in un proprio div) e un div per il BACK.

    Cosa può aver causato questo?

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    218
    Facendo alcune prove ho notato che il problema è la seconda immagine. Il contenitore non si allunga per contenerla (in IE) e questo crea problemi. Il contenitore non ha dimensioni fissate quindi non capisco perchè non lo faccia...

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.