Problema CSS e include su IE

[Majere]

Ciao,

ho creato una pagina dinamica che ho formattato con i CSS. La pagina (php) include due file (include("menu"); e news) dai quali estrae il testo per la sezione "news" e per il menu.

Il problema è questo: con IE la larghezza della pagina aumenta tanto più quante sono le pagine che includo (nb: le pagine contengono SOLO codice PHP), provocando un conseguente sfasamento di tutto il layout, che viene spostato interamente sulla sinistra della pagina.

Ho escluso che si possa trattare di un problema dello script php in quanto il problema si manifesta solamente con IE. Mozilla, Firefox, Safari e Netscape visualizzano bene la pagina.

Posto la parte dei css che reputo sia il problema:

BODY {
background-image: url(images/sfondo.gif);
cursor: default;
text-align: center;
}

.layout {
width: 780px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.boxlogo {
width: 100%;
margin-top: 100px;
margin-right: 575px;
text-align: left;
}

Qualcuno di voi ha già avuto questo tipo di problema?
Sapreste aiutarmi a risolverlo?

[Majere]

Per inciso: nell'HTML generato non c'è nulla di strano, infatti se lo copio in una normale pagina html e lo metto on-line così non mi da nessun problema e si sistema normalmente.

[Jerry Masslo]

per aiutare chi volesse aiutarti sarebbe opportuno mettere un link

[Majere]

Ho risolto.

Posto un po' di codice, così ci capiamo meglio e magari potrò essere utile a qualcuno

.layout {
width: 780px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

All'interno di questa classe si annidano tutti gli elementi del sito (footer, header, sidebar, testo e via dicendo).

Finché la pagina è composta solo da XHTML (validato 1.0), va tutto bene. Si posiziona al centro, rispetto le misure imposte (width: 780px e siamo tutti felici e contenti.

Quando, però, includo altre pagine:

<? 
include("pagina1.php");
include("pagina2.php");
?>

La larghezza della pagina aumenta, facendo comparire la barra orizzontale.
Più pagine incluse ---> maggiore larghezza.

Ho risolto inserendo l'attributo: overflow: hidden; alla classe layer.

[Igor70]

Detto cosi mi sembra un po strano, e la soluzione adottata noi la chiamiamo "SGURZ"

SGURZ = sono alla frutta e dopo averle provate tutte becco la prima che funziona

ma overflow: hidden; funziona in tutti i browser?

Io non conosco PHP ma se fai cosi

<?include("pagina1.php");include("pagina2.php"); ?>

non cambia nulla?

[Majere]

Originariamente inviato da Igor70
SGURZ = sono alla frutta e dopo averle provate tutte becco la prima che funziona

Rende perfettamente l'idea :P

ma overflow: hidden; funziona in tutti i browser?

Sinceramente mi cogli impreparato e non ci metterei la mano sul fuoco, ma al 90% direi di sì.

Io non conosco PHP ma se fai cosi

<?include("pagina1.php");include("pagina2.php"); ?>

non cambia nulla?

Nulla.

Comunque il problema si verificava solo su IE, quindi escluderei che si trattasse di un problema di codice php

[Igor70]

Infatti non pensavo ad un problema intrinseco al PHP densi piu legato ai caratteri di ritorno a capo.

Capita per esempio che blocchi inline come gli span se non scritti in linea (consecutivamente) prendano 1px per ogni acapo su alcuni browser (IE mi pare).

Magari potrebbe dipendere da qualcosa che c'è nella parte iniziale dei documenti che stai includendo, del codice php o che so io, forse un esempio di cosa sta in quei file aiuterebbe.

Per esempio se gli include contengono dei form, es un div che contiene un form sono 2 blocchi.