Home Page
Articoli
Tips & Tricks
News
Forum
Archivio Forum
Blogs
Sondaggi
Rss
Video
Utenti
Chi Siamo
Contattaci
Username:
Password:
Login
Registrati ora!
Recupera Password
Home Page
Stanze Forum
HTML, Javascript, CSS, DHTML, XHTML
Problema Visualizzazione CSS IE6 - IE7
lunedì 04 giugno 2007 - 17.08
Elenco Threads
Stanze Forum
Aggiungi ai Preferiti
Cerca nel forum
valerik
Profilo
| Junior Member
153
messaggi | Data Invio:
lun 4 giu 2007 - 17:08
Salve a tutti,
ho realizzato un sito in asp.net dove viene fatto largo uso di css per la visualizzazione delle pagine.Esso e' strutturato di una parte(menu) laterale e una centrale(visualizzazione dei prodotti)
Ora chiedo come mai con IE7 visualizzo tutto bene mentre con IE6 non vedo assolutamente niente della parte centrale?
A Cosa puo' essere dovuto?
Grazie.
valerik
freeteo
Profilo
| Guru
6.542
messaggi | Data Invio:
lun 4 giu 2007 - 18:30
ciao,
ie6 ha problemi di rendering html, con ie7 hanno sistemato parecchio anche se il mioglior render a mio avviso rimane quello di firefox.
Cmq sia dipende da qualcosa del foglio di stile, prova a postare il codice dello stile e il pezzo di html che si comporta inmaniera anomala...
ciao.
Matteo Raumer
[MCAD .net]
http://blogs.dotnethell.it/freeteo
valerik
Profilo
| Junior Member
153
messaggi | Data Invio:
lun 4 giu 2007 - 19:43
Allora credo di aver capito il problema ma non so se trovare una soluzione diciamo che l' HTML sarebbe questo:
<%@ Page ValidateRequest="false" enableviewstate="false" Language="vb" MasterPageFile="~/site.master" AutoEventWireup="true" CodeFile="Default.aspx.vb" Inherits="_Default" Title="LaTuaBellezza.it" Culture="auto:it-IT" UICulture="auto" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div id="leftcontent">
<uc6:MainNavigation ID="MainNavigation1" runat="server" />
<uc20:footer id="footer" runat="server" >
</uc20:footer>
</div>
<div id="centercontent">
<uc4:AdContainer id="AdContainer2" runat="server" BoxPlacement="Center" BoxCssClass="">
</uc4:AdContainer>
<br />
<uc5:Paragraph ID="Paragraph1" runat="server" ContentName="DefaultMiddle"/>
<br />
<div>
<div align="center" ><img src="<%=Page.ResolveUrl("~/images/cornice_novita.jpg")%>" alt="novita bellezza" />
</div>
<div align="center">
<asp:DataList ID="DataList1" runat="server" DataSourceID="SqlDataSource1" RepeatColumns="3" RepeatDirection="Horizontal">
<ItemTemplate>
................................................
</ItemTemplate>
</asp:DataList>
</div>
</div>
</div>
<div id="rightcontent" style="right: 5px; top: 140px; height: 139px">
<br />
<br />
<uc4:AdContainer id="AdContainer1" runat="server" BoxPlacement="Right" >
</uc4:AdContainer>
</div>
</asp:Content>
Come puoi vedere nel leftcontent ho posizionato il footer che e' in posizione relativa al leftcontent, ma che va ad occupare tutta la pagina almeno in larghezza.
Quindi evidentemente IE6 sovrappone il footer a tutto il centercontent, cosa che non fa pero' IE7 e FireFox, comunque posto anche il codice CSS:
#leftcontent
{
position: absolute;
top:120px;
left:10px;
width:180px;
background:#fff;
z-index:100;
font-family:Times New Roman;
font-size: larger;
}
#rightcontent {
position: absolute;
right:5px;
top:140px;
width:180px;
background:#fff;
margin-right:10px;
z-index:100;
}
#centercontent
{
background-image:url(images/Mare.jpeg);
margin-top:20px;
background:#fff;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 200px;
margin-right:205px;
z-index:100;
}
html>body #centercontent
{
background-image:url(images/Mare.jpeg);
margin-left: 200px;
margin-right:205px;
z-index:100;
}
#footercontent3 ------------>css del footer
{
position: relative;
bottom: 0px;
width:1024px;
background:#fff;
z-index:100;
font-family: verdana;
font-size: larger;
}
Ho cercato molte soluzione per mettere questo footer in modo che non creasse casini, spero tu mi possa dare dei consigli.
Grazie Infinite.
valerik
freeteo
Profilo
| Guru
6.542
messaggi | Data Invio:
lun 4 giu 2007 - 21:18
ciao,
scusa ma non ho capito bene, il footer ha larghezza fissa 1024 (#footer...) mentre il leftcontent ha larghezza "180px" quindi mi sa che ie6 sbaglia si ma cmq nemmeno tu non hai fatto giusto
, se il footer che è dentro a
Quando vuoi che un tag prenda tutto lo spazio a se disponibile in orizzontale (e quindi diciamo che la larghezza la dia eventualmente il suo contenitore) esiste la proprieta' dello stile "display:block", io ti consiglio di provare con quella e togliere il width del footer...
se cerchi 3col css su google cmq trovi alcune implementazioni abbastanza "classiche" per questa tipologia di pagine "table less" (che io sostengo fortemente
)
ciao.
Matteo Raumer
[MCAD .net]
http://blogs.dotnethell.it/freeteo
Torna su
Stanze Forum
Elenco Threads
Partecipa anche tu! Registrati!
Hai bisogno di aiuto ?
Perchè non ti registri subito?
Dopo esserti registrato potrai chiedere
aiuto sul nostro
Forum
oppure aiutare gli altri
Consulta le
Stanze
disponibili.
Registrati ora !