Problema float su due div

**gaten** · 07-06-2009, 15:38

Salve ragazzi, ho un piccolo problema con la struttura di un template.

Praticamente dovrei avere una struttura di questo genere:

WAPPER

Box contenuto
box modulo
box mappa
FINE box contenuto

box footer
FINE box footer

FINE WAPPER

Allora, il box contenuto contiente talvolta altri 2 box, modulo e mappa, i quali dovranno essere affiancati.
Sotto al box contenuto dev'esserci subito il footer.

Il mio problema sorge quando vado ad affiancare modulo e mappa, quando utilizzo il float, si affianca a questi 2 div anche il footer, e non va bene.

Qualcuno può aiutarmi? grazie anticipatamente.

codice:

<style type="text/css">
<!--
div#contenuto { font: 12px Tahoma; }

div#modulo { float: left; }

div#mappa { float: left; }

div#footer {...mie regole; }
-->
</style>

<body>
WAPPER
<div id="contenuto">
        <div id="modulo"></div>
        <div id="mappa"></div>
</div>

<div id="footer"></div>
FINE WAPPER
</body>

Volevo chiedere un'altra info:

Io utilizzo un div chiamato WAPPER il quale contiente tutti gli altri elementi, il footer e meglio inserirlo all'interno del WAPPER oppure fuori?

Grazie anticipatamente!

**loop** · 07-06-2009, 16:17

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Documento senza titolo</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.ts-1 {
	border: none;
	text-align: left;
	width: 981px;
}

.ts-1-1 {
	border: none;
	clear: both;
	float: left;
	padding: 0px;
	width: 981px;
}

.ts-3-1 {
	border: none;
	clear: both;
	float: left;
	line-height: 19px;
	padding: 0px;
	width: 490px;
}

.ts-3-2 {
	border: none;
	float: left;
	line-height: 19px;
	padding: 0px;
	width: 491px;
}

.ts-2-2 {
	border: none;
	clear: both;
	float: left;
	line-height: 19px;
	padding: 0px;
	width: 981px;
}
</style>
	</head>
	<body>
		<div class="ts-1">
			<div align="left" class="ts-1-1">
				<div class="ts-1">
					<div class="ts-1-1">
						<div class="ts-1">
							<div class="ts-3-1">Contenuto</div>
							<div class="ts-3-2">Contenuto</div>
							<div style="clear: both;"></div>
						</div>
					</div>
					<div class="ts-2-2">Footer</div>
					<div style="clear: both;"></div>
				</div>
			</div>
			<div style="clear: both;"></div>
		</div>
	</body>
</html>

**gaten** · 07-06-2009, 16:28

Grazie mille per la tua risposta, c'è solo una cosa che non va bene:

come mai il div contenuto, non si allunga in base ai contenuti dei div modulo e mappa?

Discussione: Problema float su due div

Strumenti discussione

Ricerca discussione

Visualizza

Problema float su due div

Permessi di invio