layout header container footer

[passasooz]

buonasera,

vorrei costruire un layout con 3 elementi, un header, un container, un footer

il punto è che vorrei che fosse esteso a tutta la schermata (in larghezza) non vorrei che appaia la barra orizzontale, qualcuno mi saprebbe dire come fare?

grazie in anticipo delle risposte

[Vincent.Zeno]

metti tre div con larghezza 100%
e ricorda di impostare il body con margin e padding a 0

visto che si tratta di una cosa relativamente banale ci spieghi le tue perplessità?

[passasooz]

praticamente è quello che ho fatto però mi sfasa la larghezza ugualmente...

:\ il punto è che con mozilla non sfasa la larghezza, con ie si...

[passasooz]

oppure un esempio con moz gli do un margine di 25% ad un elemento e me lo posiziona giusto, nel senso lo posiziona dove voglio io. se poi lo stesso margine di 25% glielo do con ie me lo posiziona in modo completamente errato...

[Vincent.Zeno]

una cosa alla volta

posta un po' di codice per la prima questione

[passasooz]

allora...

posto un pò di codice per la questione del fatto che con ie appare la barra orizzontale e con mozilla no

body {
	text-align: center;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	border-bottom-width: 2px;
	border-bottom-style: none;
	border-bottom-color: #999999;
	background-color: #000000;
}

.oneColFixCtrHdr #container {
	margin: 0 auto;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #999999;
	border-bottom-color: #000000;
	border-left-color: #999999;
}

.oneColFixCtrHdr #cntn{
	background-color:#0a0a0a;
	clear:both;
	float:left;
	width:100%;
}

.oneColFixCtrHdr #mainContent {
	background-color: #0a0a0a;
	margin-top:-2%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	width:100%;
	height:500px;
}

.oneColFixCtrHdr #mainPres{
	background-color:#0a0a0a;
	float:right;
	width:20%;
	font-size:12px;
	font-family:Verdana;
	text-align:left;
	padding:0px;
	margin-top:5%;
	color:#b0b0b0;
}

l'elemento che sfasa su ie è l'elemento div #cntn che su ie mi fa apparire la barra di scorrimento orizzontale. su mozilla no...

[Vincent.Zeno]

ie è sensibile ai margini e ai bordi aggiunti anche solo di un px...
l'elemento cntn da solo, senza contenuto alcuno, da lo stesso problema?


posta SOLO ed UNICAMENTE l'html prodotto, niente altro che non sia html o css.
per postare codice che NON sia php usa il tag [CODE][/CODE], grazie

[passasooz]

ah va bene scusa comunque no se levo il contenuto dell'elemento cntn non da più problemi...

[Vincent.Zeno]

quindi hai già capito dove orientarti.
metti i contenuti uno alla volta e così verifichi qual'è quello che disturba. poi lo regoli.

[passasooz]

grazie mille ho capito dove è il problema

grazie davvero...

buona serata