Salve a tutti!
Son due giorni che guardo il codice css di questa (mia) pagina, ma non riesco a capire dove sbaglio...
Comincio subito dicendo che di CSS ne so quanto un cane, quindi ogni vostro parere e consiglio sarà per me grasso che cola...
Veniamo al dunque..
la pagina (http://leo91.altervista.org/tutorial/index.php).
Il codice interessa è più che altro questo
Ora..qui ci sono 3 div..codice:<H1>--ULTIMI TUTORIALS--</H1> <DIV style="TEXT-ALIGN: center">--ULTIMA NEWS-- <DIV id=nuova>Apertura Data: 27/03/06 Il sito dei Tutorial per JS e PHP apre i battenti! </DIV><A title=News href="http://leo91.altervista.org/tutorial/index.php?area=news">--Vai alle News--</A> <DIV style="FLOAT: left; WIDTH: 300px">--Tutorials PHP-- <A title="Come andare a letto" href="http://leo91.altervista.org/tutorial/index.php?area=php&id=060326231618">Come andare a le... By Peo</A> <A title=wwwwwwwwwwwwwwwwwwwwwwwwwwwwwww href="http://leo91.altervista.org/tutorial/index.php?area=php&id=060326234360">wwwwwwwwwwwwwwww... By Peo</A> <A title=Ciao href="http://leo91.altervista.org/tutorial/index.php?area=php&id=060326233012">Ciao By Peo</A> </DIV> <DIV style="FLOAT: right; WIDTH: 300px">--Tutorials JS-- <A title=Dinuovo href="http://leo91.altervista.org/tutorial/index.php?area=js&id=06032623005">Dinuovo By Peo</A> <A title=We href="http://leo91.altervista.org/tutorial/index.php?area=js&id=06032623424">We By Peo</A> </DIV></DIV>
Il problema è che i due div ai lati (--Tutorial PHP-- e --Tutorial JS--, tanto per capire quali sono) mi scorrono giù, anche se hanno il float..
Se provo a mettere (nel codice) il div delle news per ultimo questo mi va giù...
Allora...come si fa a mantenerli bloccati?
Non voglio fare niente di position:absolute, perchè mi sta un pò sugli zebedei![]()
Ma qualcosa di profescional![]()
Codice CSS:
Grazie!codice:BODY{ padding:0px; margin:0px; background-color:silver; color:black; font-family:Verdana,Arial,Sans-Serif; } a:link, a:visited{ color:red; text-decoration:none; } a:hover{ color:yellow; text-decoration:underline; } .topm{ background-color:green; width:400px; text-align:center; } IMG{ padding:0px; margin:0px; border:0px; } INPUT, TEXTAREA{ background-color:silver; color:red; font-family:Verdana,Arial,Sans-Serif; } #nuova{ background-color:a6a6bc; border:1px solid yellow; margin-bottom:5px; width:400px; } #codice{ background-color:ffaa77; color:006cff; font-family:Courier New; } .titolo{ background-color:ffe033; color:black; font-family:Verdana,Arial,Sans-Serif; font-size:18px; text-align:center; } .cont{ background-color:white; color:black; font-family:Verdana,Arial,Sans-Serif; font-size:15px; text-align:left; margin-left:10px; margin-right:10px; }

Rispondi quotando