div main che non copre tutta la pagina

gasparroa

Utente Attivo
4 Dic 2008
57
0
0
Ciao non riesco a capire dove sbaglio il <div class="main"> si ferma e non rachiude tutti gli altri di come posso modificarlo in maniera tale che faccia da contorno a tutti gli elementi?


PHP:
<!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" /> 
<link rel="stylesheet" type="text/css" href="../css/alessandro.css"> 
<script type="text/JavaScript" src="../js/curvycorners.src.js"></script> 
<script type="text/JavaScript" src="../funzioni_javascript/funzioni_javascript.js"></script> 
<script type="text/javascript" src="../js/jquery.js"></script> 
<script type="text/javascript" src="../js/load.js"></script> 
<title>Documento senza titolo</title> 
</head> 

<body> 
<div class="main"> 
<div class="header"></div> 
<div class="top"><?php require_once('template/menu_top.php')?></div> 
<div class="centro"> 
<div class="menusx"><?php require_once('template/menu.php'); ?>  </div> 
<div class="content1"><div id="content">ss</div></div> 
</div> 
</div> 
</body> 
</html>

PHP:
codice PHP:
@charset "utf-8"; 
/* CSS Document */ 

.main { 
    margin: 10px auto; 
    color: #fff; 
    width: 1024px; 
    height:100%; 
    padding: 0px; 
    text-align: left; 
    background-color: #FFF; 
    border: 6px solid #F00; 
     
    border-radius: 20px; 
    /* nativo in Firefox and Safari) */ 
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
} 

html,body{ 
    text-align: center; 
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-size: small; 
    margin: 0px; 
    color:#00F; 
    background-color:#06F; 
} 
.header 
{ 
    /*border: solid 1px #0F0;*/ 
    border-bottom: solid 0px #000000; 
    background-image:url(../images/Pneumaticistore.jpg); 
    width:1024px; 
    background-repeat: no-repeat; 
    height:150px; 
    border-radius: 13px; 
    -moz-border-radius-topright: 13px; /* Per i browser con base Mozilla(Gecko) */  
      -webkit-border-top-right-radius: 13px; /* Per i browser con base Webkit */  
      -moz-border-radius-topleft: 13px; /* Per i browser con base Mozilla(Gecko) */  
      -webkit-border-top-left-radius: 13px; /* Per i browser con base Webkit */  
       /* Regola generale per CSS3 */ 
} 
.top 
{ 
    width:990; 
    height:25px; 
    border-bottom:2px solid #C2BDAE; 
} 

.centro{ 
width:100%; 
color:#000; 
z-index:100; 
margin-top:5px; 
} 

.menusx 
{ 
    float:left; 
    width: 200px; 
    /*border-right: solid 1px #000000; 
    border: solid 1px #F00;*/ 
    margin: 5px 5px 5px 5px; 
    border: 2px solid #06F; 


} 
#content 
{ 
    font:"Comic Sans MS", cursive; 
     
} 
.content1{ 
    margin: 5px 5px 5px -5px; 
    border: 2px solid #06F; 
    float:right; 
    width: 801px; 
    }
 

gasparroa

Utente Attivo
4 Dic 2008
57
0
0
io ho risolto eliminando gli angoli

ho eliminato lo script <script type="text/JavaScript" src="../js/curvycorners.src.js"></script>
che arrotonadava gli angoli
 
Discussioni simili
Autore Titolo Forum Risposte Data
napuleone modificare il contenitore di un div Javascript 2
napuleone modificare il contenitore di un div Javascript 1
A inserire variabile php colore in div html PHP 2
J Far comparire e scomparire un div con un select Javascript 1
T Far sparire dalla pagina div che saranno inseriti successivamente jQuery 0
E Div che scompare con scroll jquery Javascript 0
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
Stefano Migotto Creazione di un div con php o js PHP 9
felino Bootstrap alert: usare lo stesso div per due messaggi consecutivi jQuery 1
S Visibilità div in PHP PHP 1
L [Javascript]Scorrere div con frecce avanti-indietro Javascript 0
P [Javascript] Aprire Link in Div e pagina Dinamica Javascript 0
ANDREA20 [HTML] problema con i div HTML e CSS 10
Giacomo Boccherini [HTML] il div non si ottimizza HTML e CSS 1
Cosina [PHP] Scrivere dati in un div specifico PHP 3
R [PHP] [Javascript] Link a DIV id di un' altra pagina PHP 4
trattorino [Javascript] onclick su piu div insieme Javascript 1
trattorino ritornare al div precedente jQuery 2
L [Javascript]Aprire div con click e chiuderlo con altro pulsante Javascript 2
V [Javascript] Visualizzare o nascondere div figlio Javascript 4
E [HTML] Allineare foto a un tag DIV verticalmente HTML e CSS 0
E [HTML] Allineamento immagine agli angoli inferiori di un div HTML e CSS 12
A JAVASCRIPT ELIMINAZIONE DIV DINAMICO SU SITO Offerte e Richieste di Lavoro e/o Collaborazione 3
Andrea_Ventura [HTML] Creare un DIV con slideshow HTML e CSS 5
M [HTML] Invertire DIV su dispositivi mobile HTML e CSS 2
A Javascript Nascondere Div con id numerico dinamico Javascript 18
I [HTML] Slideshow si sovrappone a <div> HTML e CSS 14
paloppa Div che appare appena due form sono compilati jQuery 16
S [javascript] visualizzare/nascondere div Javascript 3
S [HTML] Centrare verticalmente il testo in div HTML e CSS 2
G [HTML] Modificare ordine dei div in mobile responsive HTML e CSS 5
D [HTML] Frameset e Div HTML e CSS 8
G [HTML] Impostare dimensione immagini in un div HTML e CSS 2
L php - pulsante premuto che mostra #div PHP 3
S [HTML] Div visibile o nascosto al passaggio del mouse HTML e CSS 3
C [Javascript] Mostrare un div cliccando una checkbox Javascript 0
M Ottenere i valori di una proprietà su un array di oggetti (es. DIV) in JavaScript Javascript 7
C Nascondere un div al click di una casella Ajax 1
S [HTML] Distanza esatta tra due div HTML e CSS 7
G [HTML] Posizionamento testo in un div HTML e CSS 5
trattorino css solo se richiama un class di un div HTML e CSS 1
G [HTML] Bordo bianco sotto immagine in un Div HTML e CSS 1
trattorino Estrarre Nome Utente jquery div php PHP 9
T [Javascript] Far partire script al raggiungimento del div/section Javascript 0
G [Javascript] scrollare div Javascript 2
A Bootstrap grid img a sinistra serie di div a destra CMS (Content Management System) 1
A Visualizzare div quando le immagini sono state uploadate con successo (Ajax) Ajax 0
WebDr [ASP] Aggiornare una pagina in un div da un altro div su pagina diversa Classic ASP 3
F [HTML] pagina non scorre e div sotto l'altezza del browser non si vedono HTML e CSS 3
U div fisso che ad un certo punto dello scroll scompare jQuery 2

Discussioni simili