Piccolo Dubbio

emanuelevt

emanuelevt

Utente Attivo
24 Giu 2009
298
0
0
Allora ragazzi considerando questo codice nel css

Codice: 
*{margin:0;
padding:0;}
#contenitore{
position:relative;
width:1700px;
border:1px solid red;
}

<!--INIZIO LOGO--->

#contenitore #logo{
float:left;
clear:both;
widht:100%;
border:1px solid green;
}

#contenitore #logo #a{float:left;
width:15%;
border:1px solid yellow;
margin-left:0;}

#contenitore #logo #b{float:right;
width:15%;
border:1px solid orange;
margin-right:0;}


#contenitore #logo #link{
float:left;
width:100%;
clear:both;
border:1px solid red;
}
<!--FINE LOGO--->

#corpo1{
float:left;
width:100%;
clear:both;
border:5px solid silver;
}

e questo nell'html

Codice: 
<body>

<div align='center'>

<div id='contenitore'>
		<!--INIZIO LOGO-->
		<div id='logo'>
			<div id='a'>a</div>
			<div id='b'>b</div>
			<div id='link'>link</div>
		</div>
		<!--FINE LOGO-->
		
		<!--INIZIO CORPO PARTE1-->
		<div id='corpo1'>Prova</div>
		<!--FINE CORPO PARTE 1-->
		
</div><!--fine contenitore--->
</div><!--fine centrato--->
</body>

perchè la scritta prova mi compare in linea con "a" e "b" se questi appartengono al logo il quale ha un clear:both? come faccio a far apparire prova al di sotto del Logo?
 
MarcoGrazia

MarcoGrazia

Utente Attivo
15 Dic 2009
852
20
28
62
Udine
www.stilisticamente.com
L'errore tuo è stato quello di inserire il clear both all'interno dello stessa proprietà che contiene anche il float, così si annullano a vicenda.
Prova così invece:
Codice: 
*{margin:0;
padding:0;
text-align:center;
}
.ripristina{clear:both}
#contenitore{
width:1700px;
border:1px solid red;
margin: 0 auto;
text-align:left;
}
<!--INIZIO LOGO--->

#logo{
widht:100%;
border:1px solid green;
}

#a{
float:left;
width:15%;
border:1px solid yellow;
margin-left:0;}

#b{float:right;
width:15%;
border:1px solid orange;
margin-right:0;}


#link{
width:100%;
clear:both;
border:1px solid red;
}
<!--FINE LOGO--->

#corpo1{
width:100%;
clear:both;
border:5px solid silver;
}

html
Codice: 
<body>

<div id='contenitore'>
		<!--INIZIO LOGO-->
		<div id='logo'>
			<span id='a'>a</span>
			<span id='b'>b</span>
			<div id='link'>link</div>
		</div>
		<!--FINE LOGO-->
		
		<!--INIZIO CORPO PARTE1-->
		<div id='corpo1' class="ripristina">Prova</div>
		<!--FINE CORPO PARTE 1-->
		
</div><!--fine contenitore--->
</body>
In questo modo usi una classe separata che contiene il clear da mettere dove serve.
Non l'ho provato quindi sarà sicuramente da aggiustare, immagino che a e b dovrebbero essere degli header giusto? Quindi in finale non usare degli span o dei div ma due elementi h1 e h2, a cui però dai display: inline se vuoi che uno vada a sinistra e uno a destra nella stessa riga, oppure metti h1 con tex-align left e dentro uno span con float right, vedi tu, l'abuso di float è nocivo :)
Nel secondo caso semplicemente si fa così: <h1>bla bla<span>bli bli</span></h1>
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
J Un piccolo dubbio su Mailchimp Posta Elettronica 1
borgo italia un piccolo dubbio Javascript 1
N [Java] Piccolo jform per calcolo totale da 2 campi i double Java 0
L Struttura ottimale di un piccolo sito SEO e Posizionamento 8
Angelo Russo [HTML] piccolo problema di impaginazione HTML e CSS 13
W Piccolo sistema per gestire alcune periferiche, Java o altro linguaggio? Java 8
A piccolo impianto per villetta a schiera IP Cam e Videosorveglianza 2
elpirata [Cerco][Gratuito]Cerco collaboratori per realizzazione piccolo gestionale Mysqli+Php Offerte e Richieste di Lavoro e/o Collaborazione 6
S [CERCO] spazio web per piccolo popup Fb, pago euro 10 ogni 1000 aperture Vendere e Acquistare pubblicita' online 0
otto9due Piccolo Script su select non funziona jQuery 2
MarcoGrazia [PDO][PHP[MySQL] Piccolo modulo di ricerca in un sito tramite l'operatore LIKE Snippet PHP 1
otto9due Redirect 301 con espressioni regolari piccolo aiutino Apache 3
G Piccolo aiuto per php mail PHP 2
D Piccolo quesito per il mio sito PHP 1
I Piccolo roblema di compatibilità mobile.. help! PHP 1
otto9due Piccolo dilemma con impolode PHP 6
C piccolo problema con mysql_connect() PHP 1
P Piccolo software per gestire gli utenti. Snippet PHP 5
otto9due Piccolo problemino con il formato data e immagini per gli rss PHP 1
G Piccolo problema con il Drag&Drop jQuery 0
otto9due Creare un piccolo web services SOAP PHP 0
otto9due breadcrumbs con microformat o RDF piccolo aiutino.. PHP 2
otto9due Piccolo conflitto jquery.. Chi gli da uno sguardo? jQuery 6
otto9due Piccolo aiutino per una query.. PHP 3
otto9due Piccolo problemino su inserimento dati db da form PHP 5
C usare un foglio php per la creazione di un excel: piccolo problema PHP 2
P mi presento e mi serve un piccolo aiuto PHP 0
F Presentazione e piccolo aiuto PHP 20
F Presentazione e piccolo aiuto PHP 6
A Piccolo blog, guadagni Adsense... e TASSE Google AdSense 2
T Come potrei realizzare un piccolo forum di discussione su un sito web...? phpBB 2
M Convertire piccolo codice da lato server a client Javascript 1
P Piccolo problema Input di un file. HTML e CSS 1
A Richiesta piccolo sito aste per il Fantacalcio PHP 1
C Dovrei creare un piccolo script che mi comunichi che questo è stato eseguito PHP 4
A Host per piccolo progetto Hosting 4
S Un piccolo aiuto su cookie e sessioni PHP 1
P Piccolo problema con gestione immagini. PHP 9
G Piccolo problemino con PHP, mi potreste aiutare per favore? PHP 0
A Piccolo problema con form email HTML e CSS 2
emanuelevt zoom immagine [piccolo problema] jQuery 4
Neptune7650 Piccolo problema con la funzione include PHP 1
A php piccolo form cerca PHP 6
S piccolo problemino con variabile tipo PHP 12
I Piccolo form Javascript 7
R Cerco programmatore per piccolo software di gestione delle immagini Offerte e Richieste di Lavoro e/o Collaborazione 1
O come strutturare le classi per un piccolo gestionale? PHP 2
G Ho creato un piccolo sito web, ma purtroppo !!! HTML e CSS 0
S Piccolo problema con un ayout liquido in as2 Flash 1
emanuelevt piccolo problema jquery jQuery 4

Discussioni simili

Alto Basso