Aggiustare pagina tableless

[carloast82]

Ciao a tutti,
sto cercando di creare la mia prima pagina tableless;
sono riuscito ad impaginare quasi tutto apparte il footer, ma per adesso volevo chiedervi se riuscite a darmi una mano in questo.
praticamente ho fatto due container (div#container e div#container2) in modo da avere un'immagine di bordo sia a destra che a sinistra per tutta la schermata.
poi ho dato al body come sfondo una immagine che però mi compare anche nel div#content e se imposto come background-color:#FFFFFF non mi visualizza più uno dei due bordi dei container.
il link alla pagina è questo: <LINK>

il codice del file css invece è questo:

/* CSS Document */

/*stili per il layout fisso con altezza minima*/
html,body{margin: 0;padding:0;height:100%;}
body{font-family: arial,sans-serif;font-size: 76%;text-align: left;
	background: url(images/bgbody.gif)}
div#container{
	position: relative;
	width: 760px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	background: url(images/bordosx.gif) repeat-y top right
}
div#container2{
	position: relative;
	width: 760px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	background: url(images/bordodx.gif) repeat-y top left
}

div#footer{
	bottom:0;
	width: 760px;
	height: 25px;
	padding: 0px;
	
}

/*stili generici, su header e footer*/
div#header{ text-align:center;
 			border-left: 0px;
			width: 760px;
			height: 129px;
			
			}

/*stili specifici per il layout*/

div#navigation{text-align:center;
 			border-left: 0px;
			width: 760px;
			height: 36px;
			
}
div#content{width: 760px; margin:4; padding:4;
			 }

Qualcuno sa spiegarmi dove spaglio e perchè?
sto sbagliando forse metodo per realizzare una cosa del genere?

Grazie mille a tutti
Carlo

[carloast82]

nessuno? upz

[maggy]

sinceramente per cio che riguarda i bordi, io sistemerei in un altro modo:

creerei un'immagine della larghezza che ti interessa (mi pare di aver capito 760px) con i bordi a destra ed a sinistra, e la userei come sfondo per il container....

in questo modo elimini la ripetizione di div annidati e risolvi il problema della trasparenza del background (colorando di bianco la parte centrale della tua immagine).

spero di essermi spiegata, che sono un po' fusa ultimamentte..

ciao
mag

[carloast82]

ahhh.... ho capito.
sei stata molto gentile.
ti ringrazio per avermi risposto, ormai non ci speravo più.

[carloast82]

ok, comincio a capire ma ho ancora qualche piccolo problema....
1- ho messo l'immagine come mi è stato suggerito e funziona ma in parte.
l'immagine si ripete verticalmente fino a che con comincia l'area dei contenuti.
il preoblema credo sia questo... nell'area dei contenuti volevo cercare di utilizzare due colonne e così ho creato due div (contentsx e contentdx) con float left e right.

è forse il float che non mi fa visualizzare lo sfondo del container?

2- il footer nel browser mi si posiziona perfettamente in basso ma in dreamweaver in area di progettazione me lo posiziona a metà pagina.
E' normale?

posto il cosice del CSS:

body {
text-align: center; height:100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Tahoma;
	font-size:76%;
}

#container {
margin: 0 auto;
height:100%;
width: 760px;
text-align: left;
background: url(images/bgcontainer.gif) repeat-y top center;
}

#header{}

#menu{}
#content{
	position:absolute;
	width:760px;
	left: 15px;
}
#contentsx{ float:left; text-align:justify; width:65%; margin: 2px 2px 2px 2px;}
#contentdx{ float:right; text-align:justify; width:32%; margin: 2px 2px 2px 2px;}
#footer {
	position: absolute;
	bottom:0px;
	width:754px;
	height:25px;
	text-align:center;
	background-image:url(images/bgfooter.jpg);
	text-align:center;
	vertical-align:middle;
}

il link è sempe
http://www.carloast.it/isolarossa/modello.htm

Grazie

[carloast82]

upz

[metal milita]

da quello che vedo il problema è che il testo del corpo non rientra tra i bordi ma è allieanto tutto a sinistra.

premetto che ho finito mezz'ora fa di fare il mio primo sito table-less, quindi dopo aspetta un suggerimento di qualcuno piu bravo

non so come si chiama l'id della prima colonna e della seconda. ma suppongo che ri trovino all'interno di un altro div che faccia da blocco giusto?
allora imposta una larghezza in percentuale e imposta dei margini rispetto al div blocco

esempio:

div#blocco
width: 100%
display: block;

div#colonna1
width: 60%;
float: left;

div#colonna2
width 40%
float: right;

e poi i margini per allontanare il testo dal bordo nella misura desiderata.
correggetemi se sbaglio

[carloast82]

Grazie per avermi risposto...
purtroppo ora non ho il tempo di verificare il codice che mi hai dato ma lo farò.
grazie mille ancora.