Box menu che non sta dove deve!

**power83** · 28-02-2007, 21:08

Salve a tutti...ho un piccolo problema con un box menu che (ovviamente) firefox mette al posto giusto ma IE no...sto impazzendo ma non trovo dove sbaglio...

codice:

body {
  font-family: verdana, arial, helvetica, sans-serif;
  background: url(sfondo.gif) repeat;
}

#contenitore {
  margin-left: auto;
  margin-right: auto;
  border : 3px outset gray;
  width: 680px;
}

#header {
  width: 680px;
  height: 140px;
  background: url(testata.gif) no-repeat top left;
}

#navmenu {
  background: url(nav.gif) repeat top left;
  width: 680px;
  height: 25px;
  text-align : center;
  font-size: 15px;
  padding-top: 5px;
}

#navmenu a {
  text-decoration: none; 
  font-weight: bold;
  color: #000;
}

#navmenu a:hover { 
  color: #fff;
}

#navmenu a:visited { 
  text-decoration: none; 
}

#content {
  width: 680px;
  background-color: #FFF;
  position: relative;
}

#menu {
	float: left;
	position: absolute;
	width: 30%;
}

#corpo {
	margin-left: 200px;
	padding-right: 10px;
	padding-top: 5px;
}

#newsa {
	margin-left: 0px;
	padding-left: 0px;
	color: red;
}

#newsb {
	margin-left: 0;
	padding-left: 0px;
}

#newsa img {
	float: left;
	margin-left: 0px;
	padding-left: 0px;
	padding: 2px;
}

#newsb img {
	float: right;
	padding: 2px;
}

#corpo h1 {
  color: red;
  font-size: 14px;
}

#corpo newsa {
  height: 80%;
}

#corpo newsb {
  height: 80%;
}

#newstot{
	height: 250px;
}

#news1 {
  float: left;
  width: 200px;
  padding: 10px;
}

#news2 {
  float: right;
  width: 200px;
  padding: 10px;
}

#footer {
  width: 660px;
  height: auto;
  text-align : center;
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
}

/* ANGOLI SMUSSATI */

#contenitoreCurve {
	margin-left: 10px;
	margin-right: 15px;
	margin-top: 20px;
	background: #fff;
}

.curva {
	display:block;
	height: 1px;
	overflow: hidden; 
	background: #D4D0C8;
}

.segmento1{
	margin: 0 5px
}

.segmento2{
	margin: 0 3px
}

.segmento3{
	margin: 0 2px
}

.segmento4{
	margin: 0 1px;
	height: 2px;
}

.contenuto {
	height: auto;
	padding: 1px;
}

.contenuto p {
	font: 17px Arial,sans-serif;
	margin: 0 1px;
	color: #000;
	padding: 0 4px;
}

Qualcuno saprebbe dirmi dove caspita sbaglio???
Grazie mille

**power83** · 28-02-2007, 21:11

Vi allego anche la pagina html che sto usado per le prove...rigrazie mille!

codice:

<html>
<head>
  <title> </title>
  <link rel="stylesheet" type="text/css" href="style.css" media="screen, print" />
</head>
<body>

<div id ="contenitore">
  <div id="header">  </div>
  <div id="navmenu"> 
           Voce1   |  
           Voce2   |  
           Voce3   |  
           Voce3   
   </div>
    <div id="content">
                <div id="menu">
            <div id="contenitoreCurve">
            	                <span class="curva segmento1"></span>
	 							<span class="curva segmento2"></span>
	 							<span class="curva segmento3"></span>
	 							<span class="curva segmento4"></span>
   	 					    <div class="curva contenuto">
										

  MENU:  

										Voce 1 
 
										Voce 2 
 
										Voce 3 
 
										Voce 4 

 										</p> 
	 						</div>
 								<span class="curva segmento4"></span>
								<span class="curva segmento3"></span>
 								<span class="curva segmento2"></span>
 								<span class="curva segmento1"></span>
   		</div>
            </div>
                <div id="corpo">
                                        <div id="newsa">
                        <h1> PROSSIMO EVENTO </h1>
                        <hr color = "red"/>
                        [img]image/carlino.jpg[/img]
                        testo testo testo testo  testo testo testo testo  testo testo testo testo 
                    </div>
                                        <div id="newsb">
                    <h1> TITOLO NOTIZIA </h1>
                    <hr color = "red"/>
                    [img]image/carlino.gif[/img]
                    testo testo testo  testo testo testo testo testo testo testo testo testo testo 
                    </div>
                                        <div id="newstot">
                    <div id="news1"> 
                    <h1> TITOLO NOTIZIA 1 </h1>
                    <hr color = "red">
                    

 testo testo testo  testo testo testo testo  testo testo testo testo  </p>
                    </div>
                                        <div id="news2"> 
                    <h1> TITOLO NOTIZIA 2</h1>
                    <hr color = "red">
                    

 testo testo testo  testo testo testo testo  testo testo testo testo </p>
                    </div>
                    </div>
        </div>
	  <div id="footer">    		
  	  </div>
    </div>
    </div>
</body>
</html>

Grazieeeeeeee

**power83** · 01-03-2007, 10:19

Risolto...grazie!!!

Discussione: Box menu che non sta dove deve!

Strumenti discussione

Ricerca discussione

Visualizza

Box menu che non sta dove deve!

Permessi di invio