sovrapporre tag <hr> al border-bottom del div colonnaCentro

**Virgo76** · 01-06-2010, 12:59

Buongiorno,

mi affido a questo forum chiedondo il seguente aiuto:
vorrei sovrapporre perfettamente il tag <hr> al border-bottom del div colonnaCentro.
Con il seguente codice CSS funziona con firefox ma non funge con IE7.
Per la creazione del sito sto utilizzando Dreamweaver CS4
Aiutatemi per favore!

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>

<%
Dim rsNewsHome
Dim rsNewsHome_cmd
Dim rsNewsHome_numRows

Set rsNewsHome_cmd = Server.CreateObject ("ADODB.Command")
rsNewsHome_cmd.ActiveConnection = MM_DB_Generale_STRING
rsNewsHome_cmd.CommandText = "SELECT * FROM Tbl_News_Home"
rsNewsHome_cmd.Prepared = true

Set rsNewsHome = rsNewsHome_cmd.Execute
rsNewsHome_numRows = 0
%>
<%
Dim Repeat1__numRows
Dim Repeat1__index

Repeat1__numRows = 5
Repeat1__index = 0
rsNewsHome_numRows = rsNewsHome_numRows + Repeat1__numRows
%>
<%
Dim MM_paramName
%>
<%
' *** Go To Record and Move To Record: create strings for maintaining URL and Form parameters

Dim MM_keepNone
Dim MM_keepURL
Dim MM_keepForm
Dim MM_keepBoth

Dim MM_removeList
Dim MM_item
Dim MM_nextItem

' create the list of parameters which should not be maintained
MM_removeList = "&index="
If (MM_paramName <> "") Then
MM_removeList = MM_removeList & "&" & MM_paramName & "="
End If

MM_keepURL=""
MM_keepForm=""
MM_keepBoth=""
MM_keepNone=""

' add the URL parameters to the MM_keepURL string
For Each MM_item In Request.QueryString
MM_nextItem = "&" & MM_item & "="
If (InStr(1,MM_removeList,MM_nextItem,1) = 0) Then
MM_keepURL = MM_keepURL & MM_nextItem & Server.URLencode(Request.QueryString(MM_item))
End If
Next

' add the Form variables to the MM_keepForm string
For Each MM_item In Request.Form
MM_nextItem = "&" & MM_item & "="
If (InStr(1,MM_removeList,MM_nextItem,1) = 0) Then
MM_keepForm = MM_keepForm & MM_nextItem & Server.URLencode(Request.Form(MM_item))
End If
Next

' create the Form + URL string and remove the intial '&' from each of the strings
MM_keepBoth = MM_keepURL & MM_keepForm
If (MM_keepBoth <> "") Then
MM_keepBoth = Right(MM_keepBoth, Len(MM_keepBoth) - 1)
End If
If (MM_keepURL <> "") Then
MM_keepURL = Right(MM_keepURL, Len(MM_keepURL) - 1)
End If
If (MM_keepForm <> "") Then
MM_keepForm = Right(MM_keepForm, Len(MM_keepForm) - 1)
End If

' a utility function used for adding additional parameters to these strings
Function MM_joinChar(firstItem)
If (firstItem <> "") Then
MM_joinChar = "&"
Else
MM_joinChar = ""
End If
End Function
%>
<!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>FISH PUGLIA</title>


<link href="css/layout.css" rel="stylesheet" type="text/css" />
</head>

<body class="thrColElsHdr">

<div id="contenitore">

<div id="intestazione">

<div id="navigazione">
<ul>
<li id="selezionato">Home [*]FishPuglia [*]Attualità [*]Salute [*]Politiche Sociali [*]Progetti [*]Legislazione [*]Associazioni[/list]
</div>
</div>

<div id="colonnaSX">

[img]Immagini/cinquepermille.gif[/img]</p>

[img]Immagini/youtube_faip.jpg[/img]</p>

</div>

<div id="colonnaDX">
<div id="boxNewsletter">

Iscriviti alla Newsletter</p>
</div>

<div id="boxPubblicita">

[img]Immagini/bannerFISH.gif[/img]</p>

[img]Immagini/bannerGitando.gif[/img]</p>

[img]Immagini/bannerSuperando.gif[/img]</p>
</div>

<div id="boxContatti">

Per comunicazioni ed informazioni:
segreteria@fishpuglia.it presidenza@fishpuglia.it</p>
</div>

<div id="boxAreaRiservata">

Area Riservata</p>
</div>
</div>

<div id="colonnaCentro">
<div id="evidenza">
<h2> IN PRIMO PIANO </h2>
<%
While ((Repeat1__numRows <> 0) AND (NOT rsNewsHome.EOF))
%>
<div id="data"><%=(rsNewsHome.Fields.Item("Data").Value )%></div>
<div id="immagine">[img]<%=(rsNewsHome.Fields.Item([/img]"/></div>
<h3><%=(rsNewsHome.Fields.Item("Titolo").Value)%></h3>
<div id="descrizione">

<%
sText = (rsNewsHome.Fields.Item("Descrizione").Value)
iMaxChar = 300
sResult = sText
If Len(sResult) > iMaxChar Then
If InStr(iMaxChar, sResult, " ") > 0 Then
sResult = Left(sResult, InStr(iMaxChar, sResult, " ")-1) & "..."
End If
End If
Response.Write sResult
%>

</p>
<hr>
</div>
<%
Repeat1__index=Repeat1__index+1
Repeat1__numRows=Repeat1__numRows-1
rsNewsHome.MoveNext()
Wend
%>
</div>
</div>

<br class="clearfloat" />
<div id="footer">

FISH Puglia Onlus Federazione Italiana per il superamento dell'handicap </p>

:: Sede Legale e Operativa: via Orazio Flacco, 24 - 70124 Bari :: </p>

:: Numero Verde 800. 050.415 Tel. 080.2143241 - 080.5673322 – Fax 080.2143436 ::</p>

:: info: 368.241306 C.F. 93351160721 ::</p>
</div>
</div>
</body>
</html>
<%
rsNewsHome.Close()
Set rsNewsHome = Nothing
%>

---------------------------------CSS----------------------------------------

@charset "utf-8";
/* CSS Document */

body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
text-align: center; color: #000000;
margin: 0px;
padding: 0px;
}

.thrColElsHdr #contenitore {
width: 60em; /* i margini auto (insieme a una larghezza) centrano la pagina */
border: 1px solid #000000;
text-align: left;
margin: 0 auto;
padding-top: 0px;
background: #EBEBEB;
}
.thrColElsHdr #intestazione {
background-color: #DDDDDD;
background-image: url(../Immagini/Logo.jpg);
background-repeat: no-repeat;
height: 210px;
padding: 0 10px;
}

.thrColElsHdr #navigazione
{
width: 60em;
background: #333;
padding: 0px;
display:inline;
position: absolute;
float: left;
margin-left: -10px;
margin-top: 200px;
}

.thrColElsHdr #navigazione ul
{
margin: 0;
padding: 0;
}

.thrColElsHdr #navigazione ul li
{
list-style-type: none;
display: inline;
}

.thrColElsHdr #navigazione li a
{
display: block;
float: left;
color: #fff;
text-decoration: none;
border-right: 1px solid #fff;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
}

.thrColElsHdr #navigazione li a:hover { background:#063; }
.thrColElsHdr #selezionato a {background:#063;}

.thrColElsHdr #colonnaSX {
float: left;
width: 12em;
margin-top: 50px;
padding-top: 15px;
padding-right: 0;
padding-bottom: 15px;
padding-left: 0;
display: inline;
}
.thrColElsHdr #colonnaSX img {
margin-left: 4px;
}
.thrColElsHdr #colonnaDX {
float: right;
width: 12em; background: #EBEBEB; margin-top: 50px;
padding-top: 15px;
padding-right: 0;
padding-bottom: 15px;
padding-left: 0;
display: inline;
}
.thrColElsHdr #boxNewsletter {
margin-left: 6px;
background-image: url(../Immagini/bgNewsletter.jpg);
background-repeat: no-repeat;
height: 80px;
width: 180px;
margin-bottom: 20px;
}
.thrColElsHdr #boxNewsletter p {
color: #666;
margin-left: 5px;
padding-top: 20px;
padding-bottom: 20px;
}
.thrColElsHdr #boxNewsletter a {
text-decoration: none;
color: #666;
}
.thrColElsHdr #boxNewsletter a:hover {
text-decoration: underline;
}
.thrColElsHdr #boxPubblicita {
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 20px;
margin-right: 5px;
margin-left: 5px;
}
.thrColElsHdr #boxPubblicita img {
margin-left: 18px;
}
.thrColElsHdr #boxContatti {
height: 70px;
width: 180px;
margin-left: 6px;
background-image: url(../Immagini/bgCollegamentiTop.jpg);
background-repeat: no-repeat;
background-color: #FFF;
margin-bottom: 20px;
}
.thrColElsHdr #boxContatti p{
font-size: 14px;
margin-top: 3px;
margin-left: 16px;
text-align: left;

}
.thrColElsHdr #boxContatti a{
font-size: 12px;
text-decoration: none;
color: #666;
}
.thrColElsHdr #boxContatti a:hover{
color: #000;
text-decoration: underline;
}
.thrColElsHdr #boxAreaRiservata {
background-image: url(../Immagini/bgAreaRiservata.jpg);
background-repeat: no-repeat;
height: 65px;
width: 180px;
margin-left: 6px;
margin-bottom: 20px;
}
.thrColElsHdr #boxAreaRiservata a{
color: #666;
text-decoration: none;
}
.thrColElsHdr #boxAreaRiservata p{
margin-left: 5px;
padding-top: 20px;
padding-bottom: 20px;
}
.thrColElsHdr #boxAreaRiservata a:hover{
text-decoration: underline;
}

.thrColElsHdr #colonnaCentro {
background-color: #FFF;
margin: 20px 12em 0px;
padding-top: 0px;
padding-bottom: 0px;
border: 1px solid #333;
}
.thrColElsHdr #colonnaCentro h2{
margin-left: 20px;
}
.thrColElsHdr #data {
margin-left: 20px;
color: #900;
margin-top: 10px;
}
.thrColElsHdr #immagine {
margin-left: 20px;
float: left;
display: inline;
}
.thrColElsHdr h3 a {
text-decoration: none;
color: #333;
}
.thrColElsHdr h3 a:hover {
text-decoration: underline;
}
.thrColElsHdr hr {
padding-bottom: 0px;
padding-top: 0px;
margin: 0px 10px -5px;
}
.thrColElsHdr #footer {
background:#DDDDDD;
padding: 0 10px;
margin-top: 0px;
margin-left: 0px;
}
.thrColElsHdr #footer p {
margin: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
text-align: center;
padding-top: 2px;
padding-right: 0;
padding-bottom: 2px;
padding-left: 0;
}

/* Classi varie riutilizzabili */
.fltrt {
float: right;
margin-left: 8px;
display: inline;
}
.fltlft { / float: left;
margin-right: 8px;
display: inline;
}
.clearfloat { clear:both;
height:1px;
font-size: 1px;
line-height: 0px;
}

Discussione: sovrapporre tag <hr> al border-bottom del div colonnaCentro

Strumenti discussione

Ricerca discussione

Visualizza

Visualizzazione discussione

sovrapporre tag <hr> al border-bottom del div colonnaCentro

Permessi di invio