style.css problema alle colonne

21-10-2004, 18.21.11

Ciao raga!
ringrazio the core sw x questo css da lui creato e webhelper per avermi fornito un altro css.
ho un problema:
header e footer si allargano a seconda di quel che scrivo nella colonna mentre le 3 colonne no :-(
potete dirmi come correggere?
ecco il css lo posto sotto:

Codice:

body { 
	font:80% verdana,helvetica,sans-serif; 
	margin:0; padding:0
}
code { font:80% verdana,helvetica,sans-serif; display:block; margin:0 1em .5em 1em; }
hr { display:none }

/* centrare la pagina web a larghezza fissa */
body { text-align:center }  
#testa { width:760px; margin:1em auto; text-align:left }
#corpo { width:760px; margin:1em auto; text-align:left }
#piedipagina { width:760px; margin:1em auto; text-align:left }

/* testa */
#testa { 
	background:#FFCC66; 
	border:1px solid #000; 
	padding:1em 0; 
}

/* corpo */
#corpo { 
	position:relative; 
	background:#FFCC99; 
	border:1px solid #000; 
}
#corpo-colonna1 { 
	position:absolute; top:0; left:0; 
	width:160px; 
	padding:1em 0; 
}
#corpo-colonna2 { 
	margin:0 200px 0 160px; 
	border-left:1px solid #000; 
	border-right:1px dotted #000; 
	background:#FFFFCC; 
	padding:1em 0; 
}
#corpo-colonna3 { 
	position:absolute; top:0; right:0; 
	width:200px; 
	padding:1em 0; 
}

/*pie' di pagina */
#piedipagina { 
	background:#FFCC66; 
	border:1px solid #000; 
	padding:1em 0; 
}

ciao e grz!

21-10-2004, 19.45.44

se non vuoi far allargare le colonne allora imposta il width ad un numero di pixel o meglio ancora ad una determinata percentuale.
width: 10%; e non si spostera' piu' la colonna per quello che scrivi ma si imposterà in base allo spazio dello schermo...
oppure la fissi in pixel....

fammi sapere

21-10-2004, 19.50.27

ho gia provato a spostare il width ma nn succede nulla,ma al max si allargano le colonne!

21-10-2004, 20.37.57

se vuoi un sito a tre colonne veramente cool prova questo (forse vanno apportate alcune modifiche xkè è fatto x un blog)
<html><head><title><$BlogTitle$></title>

<style type="text/css">



</style>

<META NAME="Keywords" CONTENT="blog, BLOG, blogs, weblog, web log, blog personale, diario, diario personale, diario online, diario on line, splinder, bloggando, crea blog, blog italiani, cos'è un blog, blog tools, directory blog, aprire un blog, blog gratis, blog template, blogger, e-journal, sito personale, pagina personale, siti personali, crea sito, crea sito web, crea home page, pagina personale, crea sito personale, community blog, giornalismo, giornalisno online, pubblicare">

<style type="text/css">

body {

background : #FFFFFF; background-image: url('http://DaiseyTheVain.altervista.org/ChloeJonessf.JPG');

background-repeat: repeat-n;

font : 12px Verdana;

color : #3399FF;

}

#links {

line-height : 1em;

position : absolute;

top: 470px;

left: 7px;

width: 290px;

color : black;

}

#content {

line-height : 1em;

position : absolute;

top : 30px;

left : 305px;

width: 60%;

}

#links a:link { text-decoration: underline;

color : 000000;

}

#links a:visited { text-decoration: underline;

color : 000000;

}

#links a:active { text-decoration: none;

color : 990099;

}

#links a:hover { text-decoration: none;

color : 990099;

}

a:link { text-decoration: none;

color : 990099;

}

a:visited { text-decoration: none;

color : 990099;

}

a:active { text-decoration: underline;

color : #000000;

}

a:hover { text-decoration: underline;

color : #000000;

}

</style>

</head>

<body topmargin=0 leftmargin=0>

<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>

<TR>

<TD>

<IMG SRC="http://DaiseyTheVain.altervista.org/ChloeJones.jpg"></TD>

</TR>

</table>

<div id="links">

Home 

<$BlogDescription$> 

Counter 

<$BlogCounter$> visitatori sono stati qui. 

Archivio 

<$BlogArchive$> 

Links 

<$BlogLinkOut$> 

Credits 

<a href="http://www.splinder.it" target=_blank>Splinder</a> per la piattaforma 

Template by <a href="http://thevain.splinder.it" target=_blank>MegTheVain</a> 

Grazie a <a href="http://www.chebelle.com" target="blank">Chebelle.com</a> 

Nella foto Chloe Jones 

Votami 

---Inserisci qui il codice del box di Blog-Show---

 

Varie 

Quello che vuoi

 

</div>

<div id="content"> 

<center><$BlogTitle$></center>

<Blogger>

<BlogDateHeader>

 <$BlogDateHeaderDate$>

</BlogDateHeader>

 

<div align="justify"><$BlogItemBody$></div>

 

» Postato da <$BlogItemAuthor$> alle <$BlogItemDateTime$> | <a href="<$BlogItemArchiveFileName$>#<$BlogItemNumber $>">Link</a> 

<$BlogItemComments$> 

<BlogItemFooter><center>__________________________ ____________</center></BlogItemFooter> 

</Blogger>

</div>

21-10-2004, 20.48.29

grazie a tutti ma,grazie d angelinoant che lo ha modifikato,ora funzia :)

**mythologia** · 22-10-2004, 15.00.21

non ho capito bene

Potresti usare colspan nella td
html

22-10-2004, 15.01.05

ha risolto

**mythologia** · 22-10-2004, 15.09.06

non avevo visto

Discussione: style.css problema alle colonne

LinkBack

Strumenti discussione

Display

style.css problema alle colonne

Regole di scrittura