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 !