Salve a tutti, cercherò di spiegarmi, in pratica ho un div (container), all'interno di questo div ho un div (header), un div (containerMenu) un div (fondo_image) e un div (contPagina) e un div (footer).
All'interno del div contPagina ho un div (corpoPagina) e al suo interno ho due div con float left, il problema che il div corpoPagina ha un fondo bianco, ma in FF se metto i due div con float left, questo div corpoPagina non si allunga fino alla fine dei due div interni. Ho provato a dargli height auto, ma è come se i due div non venissero contenuti dal div corpoPagina, con IE6 e IE7 invece va bene, qualcuno mi sa aiutare??
Vi posto il codice della pagina e il css, ed un piccolo schema, sperando di essere stato chiaro.
CSS
htmlCodice PHP:body {
margin: 0;
padding: 0;
background-image: url(../layout/stripes.png);
background-color: #000000;
text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
}
#container {
width: 760px; /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px lascia spazio per gli elementi grafici e strutturali del browser ed evita che venga visualizzata una barra di scorrimento orizzontale */
margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
height: auto;
/*border: 1px solid #FF0000;*/
text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
}
#logo {
width: 123px;
float: left;
}
#menu {
width: 637px;
height: 103px;
float: left;
background-image: url(../layout/patternMenu.gif);
}
#fondo_image {
clear: both;
width: 760px;
height: 184px;
background-image: url(../layout/fondo_image.jpg);
background-repeat: no-repeat;
}
#contPagina {
background-color: #FFFFFF;
height: 300px auto;
width: 760px;
}
#contentImage {
width: 290px;
margin-right: 48px;
margin-top: 20px;
height: 100px;
/*border: solid 1px #FF0000; */
float: right;
color: #515151;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 25px;
font-weight: bold;
}
.title {
font-size: 14px;
font-weight: bold;
color: #67b8e3;
}
#corpoPagina {
width: 720px;
margin-left: 20px;
border: solid 1px #FF0000;
color: #525252;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
text-align: justify;
height: 200px;
}
#colPrima {
width: 345px;
/*border: solid 1px #000000; */
height: auto;
float: left;
}
#colPrima p {
margin-bottom: 15px;
}
#colSeconda {
width: 345px;
/*border: solid 1px #000000; */
height: auto;
float: right;
}
#colSeconda p {
margin-bottom: 15px;
}
Codice PHP:<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<link rel="stylesheet" type="text/css" href="CSS/slidemenu.css" />
<link rel="stylesheet" type="text/css" href="CSS/style.css" />
<script type="text/javascript" src="JS/slidemenu.js"></script>
<!--[if IE 6]>
<style type="text/css">
/* inserire in questo commento condizionale le correzioni css per IE6 */
#contentImage {
margin-right: 28px;
}
</style>
<![endif]-->
</head>
<!--
onload="slideMenu.build('sm',200,10,10, 1)"
Aggiungendo un numero da 1 a 6 (in questo caso che sono 6 button)
all'apertura della pagina il button con il numeo corrispondente
resta aperto, se invece come ho fatto sotto, non si vuole nessun
pulsante aperto, non va messo 0 ma va tolto il parametro
-->
<body onload="slideMenu.build('sm',200,10,10)">
<div id="container" >
<div id="header">[img]layout/header.jpg[/img]<map name="Map" id="Map"><area shape="rect" coords="675,0,760,21" href="mailto: [email]info@gallienus.it[/email]" alt="info@gallienus.it" /></map></div>
<div id="containerMenu">
<div id="logo">[img]layout/logo.jpg[/img]</div>
<div id="menu" style="height: 103px;">
<ul id="sm" class="sm">[*][url="javascript: alert('salvio')"][img]layout/1.gif[/img][/url][*][img]layout/2.gif[/img][*][img]layout/3.gif[/img][*][img]layout/4.gif[/img][*][img]layout/5.gif[/img][*][img]layout/6.gif[/img]
[/list]
</div>
</div>
<div id="fondo_image">
<div id="contentImage">
Testo per esempio per introdurre la gallery ad as asdas d asd asdasd asd asa das dsad asd asd
<div style="text-align: right;">[url="#"][img]layout/btn_gallery.gif[/img][/url]</div>
</div>
</div>
<div id="contPagina">
<div id="corpoPagina">
<div id="colPrima">
<span class="title">We are direct sellers. </span>
[b]GALLIENUS[/b] is not an agency, and does not intermediate between sellers and buyers. Welcome to the website of a Bed-and-breakfast
federation, all located in the same area of Rome historical centre.
</p>
<span class="title">What about B&B business? </span>
It’s spreading fast and strong in Italy since few years, eating a growing 25% of hotel market. B&Bs offer very interesting prices,
wonderful positions in the historical centre, and a very charming and warm experience to clients. That’s why they are a success case in
tourism business.
</p>
<span class="title">A new opportunity. </span>
B&Bs work with direct clients and through Internet Sellers (e.g. Venere.com, Wotif.com, etc.). No link with classical Tour Operators and
Travel Agencies. Reason: B&Bs are too little and have few availability; they are often not enough professional, timely and trustees, to
meet TO needs.
</p>
<span class="title">Professionals.</span>
Coming from a long experience in professional tourism business, Gallienus' creators have put together B&Bs, town home suites, and holiday
houses from the very same area of Rome, choosing them for there reliability, quality, and position. They have been provided with a
professional organization, a common reservation centre, and can offer FIT prices to TO, valid for groups also.
</p>
</div>
<div id="colSeconda">
<span class="title">Groups in B&B?</span>
Yes, and it works very well. We share clients, dividing groups as if we were one diffuse hotel. Organization, our assistance, and mobile
phone technology, allow managing up-to-30-rooms groups this way without troubles. Easy formula, good result.
</p>
<span class="title">Customer satisfaction.</span>
Clients find this experience exciting and satisfactory, so deeply different in quality from the old hotel group tourism. They feel more
free and autonomous, experiencing the city in a way similar to that of inhabitants.
</p>
<span class="title">Price are really convenient.</span>
B&Bs have no personnel to pay for, no deluxe Jacuzzi, plasma TV sets, swimming pool, etc. They only offer a real, fundamental, honest,
warm and central-located hospitality. That is what travelers look for.
Please feel free to contact us, we’ll be delighted in discussing our product with you, and providing our group and individual FIT rates.
</p>
</div>
</div>
</div>
<div id="footer">[img]layout/footer.jpg[/img]</div>
</div>
</body>
</html>
Rispondi quotando