bordo superiore

sustek

bordo superiore

ciao a tutti
vorrei avere una linea bianca a delimitare in alto il footer

<div id="footer"><h6 align="center">Testo Testo Testo</h6> </div>

#footer {
width:100%;
background-color: #000000;
border-top-color: #FFFFFF;
border-top-style: solid;
border-top-width: 2px;
color: #EEEEEE;
padding-top: 0.5em;
}

in IE funziona
in FF no

forse non devo usare il border?
meglio disegnare una linea?

:bho:

thnxx!

joker197cinque

@sustek said:

ciao a tutti
vorrei avere una linea bianca a delimitare in alto il footer

<div id="footer"><h6 align="center">Testo Testo Testo</h6> </div>

#footer {
width:100%;
background-color: #000000;
border-top-color: #FFFFFF;
border-top-style: solid;
border-top-width: 2px;
color: #EEEEEE;
padding-top: 0.5em;
}

in IE funziona
in FF no

forse non devo usare il border?
meglio disegnare una linea?

:bho:

thnxx!

FF2 --> OK
IE7 --> OK

Che versione di IE non funziona?

sustek

mmm veramente
IE 7 ok
IE 6 ok
in FF2 no.....cioe' non vedo la riga bianca che mi aspetto

sustek

vado di disegno e traccio una linea bianca mettendola come sfondo e posizionandola in alto?

joker197cinque

@sustek said:

vado di disegno e traccio una linea bianca mettendola come sfondo e posizionandola in alto?

Nn so che dirti...hai provato a cambiare il colore dello sfondo della pagina ? Cosi ti rendi conto se si vede il bordo bianco

sustek

sfondo nero...linea bianca!!!!
cmw in IE si vede si vede!!!!

quello che mi chiedo e' se FF interpreta e supporta
gli attributi

border-top-color
border-top-style
border-top-width

suppongo di si'.....e allora!?!? mmmm

jardem

@sustek said:

sfondo nero...linea bianca!!!!
cmw in IE si vede si vede!!!!

quello che mi chiedo e' se FF interpreta e supporta
gli attributi

border-top-color
border-top-style
border-top-width

suppongo di si'.....e allora!?!? mmmm

Ciao sustek, secondo me hai qualche altro tipo di problema nel CSS o nell'HTML: l'attributo border funziona benissimo con FF...

Ho fatto una prova e si vede bene:

[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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>
<style type="text/css">
body {
background-color: #000000;
}
#footer {
width:100%;
background-color:;
border-top: 2px solid #FFFFFF;
color: #EEEEEE;
padding-top: 0.5em;
text-align: center;
}
</style>
</head>

<body>
<div id="footer">
<h6>Testo Testo Testo</h6>
</div>
</body>
</html>

[/html]

sustek

grazie jardem!!:)
e...avevi ragione ....probabilmente avevo il div "content" che copriva la parte alta del div "footer"...penso di aver risolto dando float=left a "content"
ora si vede....

pero' adesso non riesco a colmare un vuoto che si e' creato fra "content" e "footer", questo solo in FF.....
ho provto e riprovato con margin padding e altre cosette ...ma niente....
www.pennacchiaeassociati.it

qlcno potrebbe aiutarmi?
graziegrazie!!

jardem

@sustek said:

...

pero' adesso non riesco a colmare un vuoto che si e' creato fra "content" e "footer", questo solo in FF.....
ho provto e riprovato con margin padding e altre cosette ...ma niente....
www.pennacchiaeassociati.it

qlcno potrebbe aiutarmi?
graziegrazie!!

** Prova ad inserire il margin e padding 0 al tag h6... dovrebbe funzionare anche solo con il -top...

** [html]
h6 {
font-size: 1.1em;
color: #EEEEEE;
font-variant: normal;
vertical-align: top;
background-color: #000000;
padding: 0;
margin: 0;
}
[/html]

sustek

veramente giusto!! thnxx!