help me... mi spancia la pagina... :((

wiko85

Nuovo Utente
26 Dic 2005
18
0
0
www.mcdigit.it
ciao a tutti...
sto realizzando un sito ecommerce ed ho installato una contrib tutta per gestire le schede dei vari prodotti dividendole in descrizione, caratteristiche tecniche, immagini, ecc...
il problema c'è sulla scheda immagini che con internet explorer mi deforma la pagina
questo è il link e la cosa succede quando si clicca sull'etichetta immagini con internet explorer

ecco lo screenshot...
http://img527.imageshack.us/img527/1407/immaginetm4.jpg

chi mi aiuta ha una birra pagata... dico sul serio eh!!!:p
 
Ultima modifica:

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
ho visto, forse ieri avevo FF in pallino.
probailmente stai usando i div a larghezza % ? prova ad impostarli a laghezza fissa in px, io usualmente faccio così, prova
:hammer:
 

wiko85

Nuovo Utente
26 Dic 2005
18
0
0
www.mcdigit.it
ho provato a vedere tutto il codice 10000 volte ma non capisco il problema?
c'è un anima santa che può aiutarmi? offro volentieri una birra...:confused:
 

wiko85

Nuovo Utente
26 Dic 2005
18
0
0
www.mcdigit.it
dunque...

questo è il codice dentro al stylesheet.css:
Codice:
.boxText { font-family: Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  background: #e2e2e2;
  color: #000000;
  margin: 0px;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #CC0000;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background-image: url(images/grafica_varie/01.gif);
}

TD.headerNavigation {
  background-image: url(images/grafica_varie/01.gif);
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #CC0000;
  font-weight : bold;
}

A.headerNavigation { 
  color: #000000;
  text-decoration: none;
}

A.headerNavigation:hover {
  color: #CC0000;
  text-decoration: underline;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Arial, sans-serif;
  font-size: 10px;
}

.infoBoxContents_prodotti {
  background: #f8f8f9;
  font-family: Arial, sans-serif;
  font-size: 10px;
  background-image: url(images/grafica_varie/09.gif);
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

SPAN.descrizione-prodotto1 {
  font-family: Arial, sans-serif;
  font-size: 9pt;
  color: #336699;
  font-weight: 400;
  text-decoration: none;
  line-height: 150%;
}

a.productListing-data-titolo {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #000027;
  text-decoration: none;
  line-height: 150%;
}

a.productListing-data-titolo:hover {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #CC0000;
  text-decoration: underline;
  line-height: 150%;
}

TD.productListing-data {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  line-height: 150%;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, SPAN.pageHeading, DIV.pageHeading {
  font-family: Arial, sans-serif;
  font-size: 19px;
  text-decoration: none;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Arial, sans-serif;
  font-size: 8pt;
}

TD.accountCategory {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #CC0000;
}

TD.fieldKey {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #CC0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Arial, sans-serif;
  color: #ff0000;
}

SPAN.prezzo-di-listino {
  font-family: Arial, sans-serif;
  color: #333333;
  font-size: 11px;
  font-weight: 400;
}

SPAN.prezzo-scontato {
  font-family: Arial, sans-serif;
  color: #CC0000;
  font-size: 16px;
}

SPAN.errorText {
  font-family: Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #F8F8F9; }

.checkoutBarFrom, .checkoutBarTo { font-family: Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Arial, sans-serif; font-size: 10px; color: #ff0000; }



/* menu Image - Show Sub-categories  Star */
a.menucateg:link, a.menucateg:visited, a.menucateg:active {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
text-decoration: underline;
}

a.menucateg:hover {
text-decoration: underline;
font-weight: bold;
color: #CC0000;
}

a.menusubcateg:link, a.menusubcateg:visited, a.menusubcateg:active {
font-size: 12px;
color: #191919;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
text-decoration: none;
}

a.menusubcateg:hover {
text-decoration: underline;
color: #CC0000;
}
/* menu Image - Show Sub-categories  End */













/*
------------Boxes Section for css-------------
Format each info box according to you liking
*/

.contentBox {
  background: #b6b7cb;
}

TD.contentBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #b6b7cb;
  color: #ffffff;
}

.contentBoxContents {
  background: #f8f8f9;
  font-family: Arial, sans-serif;
  font-size: 10px;
}


.BestSellersBox {
  background: #b6b7cb;
}
TD.BestSellersBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #b6b7cb;
  color: #ffffff;
}
.BestSellersBoxContents {
  background: #f8f8f9;
  font-family: Arial, sans-serif;
  font-size: 10px;
}


.CategoriesBox {
  background: #996633;
}
TD.CategoriesBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #996633;
  color: #ffffff;
}
.CategoriesBoxContents {
  background: #eeefba;
  font-family: Arial, sans-serif;
  font-size: 10px;
}


.CurrenciesBox {
  background: #996633;
}
TD.CurrenciesBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #b6b7cb;
  color: #ffffff;
}
.CurrenciesBoxContents {
  background: #f8f8f9;
  font-family: Arial, sans-serif;
  font-size: 10px;
}


.InformationBox {
  background: #660033;
}
TD.InformationBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  background: #660033;
  color: #ffffff;
}
.InformationBoxContents {
  background: #E9DCE6;
  font-family: Arial, sans-serif;
  font-size: 13px;
}


.LanguagesBox {
  background: #b6b7cb;
}
TD.LanguagesBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #b6b7cb;
  color: #ffffff;
}
.LanguagesBoxContents {
  background: #f8f8f9;
  font-family: Arial, sans-serif;
  font-size: 10px;
}


.ManufacturerInfoBox {
  background: #b6b7cb;
}
TD.ManufacturerInfoBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #b6b7cb;
  color: #ffffff;
}
.ManufacturerInfoBoxContents {
  background: #f8f8f9;
  font-family: Arial, sans-serif;
  font-size: 10px;
}


.ManufacturersBox {
  background: #b6b7cb;
}
TD.ManufacturersBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #b6b7cb;
  color: #ffffff;
}
.ManufacturersBoxContents {
  background: #f8f8f9;
  font-family: Arial, sans-serif;
  font-size: 10px;
}


.OrderHistoryBox {
  background: #b6b7cb;
}
TD.OrderHistoryBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #b6b7cb;
  color: #ffffff;
}
.OrderHistoryBoxContents {
  background: #f8f8f9;
  font-family: Arial, sans-serif;
  font-size: 10px;
}


.ProductNotificationsBox {
  background: #b6b7cb;
}
TD.ProductNotificationsBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #b6b7cb;
  color: #ffffff;
}
.ProductNotificationsBoxContents {
  background: #f8f8f9;
  font-family: Arial, sans-serif;
  font-size: 10px;
}


.ReviewsBox {
  background: #b6b7cb;
}
TD.ReviewsBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #b6b7cb;
  color: #ffffff;
}
.ReviewsBoxContents {
  background: #f8f8f9;
  font-family: Arial, sans-serif;
  font-size: 10px;
}


.SearchBox {
  background: #b6b7cb;
}
TD.SearchBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #b6b7cb;
  color: #ffffff;
}
.SearchBoxContents {
  background: #f8f8f9;
  font-family: Arial, sans-serif;
  font-size: 10px;
}


.ShoppingCartBox {
  background: #000099;
}
TD.ShoppingCartBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #b6b7cb;
  color: #FFFFFF;
}
.ShoppingCartBoxContents {
  background: #E6F2F9;
  font-family: Arial, sans-serif;
  color: #000048;
  font-size: 12px;
}
a.ShoppingCartBoxContents:hover {
text-decoration: underline;
color: #000000;
}


.SpecialsBox {
  background: #b6b7cb;
}
TD.SpecialsBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #b6b7cb;
  color: #ffffff;
}
.SpecialsBoxContents {
  background: #f8f8f9;
  font-family: Arial, sans-serif;
  font-size: 10px;
}


.TellaFriendBox {
  background: #b6b7cb;
}
TD.TellaFriendBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #b6b7cb;
  color: #ffffff;
}
.TellaFriendBoxContents {
  background: #f8f8f9;
  font-family: Arial, sans-serif;
  font-size: 10px;
}


.WhatsNewBox {
  background: #660033;
}
TD.WhatsNewBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #660033;
  color: #ffffff;
}
.WhatsNewBoxContents {
  background: #E9DCE6;
  font-family: Arial, sans-serif;
  font-size: 10px;
}

questo è il codice di scr.css:
Codice:
.tabcontent {
	padding:1em;
	clear:both;
	font-family: Arial, sans-serif, Verdana;
	font-size: 12px;
	background: #F8F8F8;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	color:#000000;
	font-size: 12px;
	}

#mainnavtabbed1{
	clear:both;
	list-style-type:none;
	margin:0px;
	padding:0px;
	}

#mainnavtabbed1 li{
	margin-left:0px; /* distance between tabs */
	margin-bottom:0px;
	text-align: center; /* alignment of text within tabs */
	float:left;
	width:102px; /* width of actual tab */
	margin-bottom:0px;
	}

/* this is the active tab class, just as below */
#mainnavtabbed1 li a{
	padding:3px; /* padding around the text within the tabs */
/*	sempre io
border-left:3px solid #ccc; /* border of the inactive tab */
/*	border-top:3px solid #ccc; /* border of the inactive tab */
/*	border-bottom:none; */
/*	border-right:1px solid #ccc; /* border of the inactive tab 
*/
	background:none;
	display:block;
	color:#003C6F;
	text-decoration: none;
	background-image:url(images/icons/a_information2.gif);
	font: 13px Arial, Helvetica, sans-serif;
}

/* the folowing section deals with the tabbed button when active */

#mainnavtabbed1 li a.tabon,#mainnavtabbed1 li a.tabon:hover{
	color:#003C6F;        /* Font color on tab */
	font-weight : bold;
	background:#FFFFCC;   /* Tab Color */
/*
	border-left:3px solid #aaa;
	border-top:3px solid #aaa;
	border-bottom:none;
	border-right:1px solid #aaa;
*/
	background-image:url(images/icons/p_information2.gif);
}

/* the folowing section deals with the tabbed button when hovered */
#mainnavtabbed1 li a:hover{
	color:#CC0000;      /* Font color on hover */
	background: #CCFFFF;
	font-weight : bold;
	text-decoration: underline;
/*	
border-left:5px solid #ccc;
	border-top:3px solid #ccc;
	border-bottom:none;
	border-right:1px solid #ccc;
*/	
	background-image:url(images/icons/p_information1.gif);
}
h2{
	margin:0;
	font-size:120%;
	font-family:"trebuchet ms", verdana, sans-serif;
}
h1{
	margin:0;
	font-size:150%;
	color:#fff;
	font-family:"trebuchet ms", verdana, sans-serif;
}

HR {
	 color: #ccc;
     background-color: #ccc;
	 height: 1px;
	 border: none;
}

se serve altro son qui!
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
ciao
ho visto, ci sarebbe da studiare per una settimana.
comunque volevo avvisarti di un fenomeno "strano" (non so se dovto ai mie occhi per l'ora tarda).
ho richiamato il sito con IE ed era spanciato, ridotto a icona e chiamato con FF risulta spanciato, ridotto ad icona e raperto l'IE: NON è più spanciato ma si adatta perfettamente allo schermo, lo stesso dicasi con FF.
proprio mentre scrivo ho riporovato, chiuso IE e FF e richiamato nuovamente il sito, si adatta perfettamente in entrambi allo schermo con un piccolo bordo (circa 20-30 px) da entrambi i lati dx e sx.:confused: alla prima chiamato invece appariva la barra di scorrimento orizzontale:confused::confused::confused: ora non più
 

wiko85

Nuovo Utente
26 Dic 2005
18
0
0
www.mcdigit.it
ma porca paletta... :incazz:
guarda, se riesci a risolvermi sto casino sono disposto volentieri a farti un bel regalo (dammi la tua carta postepay o conto paypal)
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
ciao
non è per il regalo, ma credo che non si tratti di un problema css.
ho provato stamani a riguardare il sito (con IE e FF) appena aperto si spancia con barra di scorrimento orizzontale (hai ragione non è certo bella), ma dopo due o tre secondi (sembra un refresh) la pagina si aggiusta perfettamente, si centra nel monitor senza barra di scorrimento orizz. ho dedotto da questo che non è un problema di css. forse qualcuno più esperto ti saprebbe dire qualcosa di più
 
Discussioni simili
Autore Titolo Forum Risposte Data
M Help for Linux Bash Programmazione 1
E Help Sql somma orari PHP 32
P Passare i risultati di un foreach in un modal. Help! PHP 2
J help me C/C++ 1
K Help: problema con uno script di booking in php! PHP 0
Q HELP ME PLEASE!‼️‼️ E-Commerce 1
L difficoltà con Xampp. printing php mancante...help Web Server 6
K [PHP] Help me a problem... Pleases PHP 1
S Problemi con modulo upload video php (help!) PHP 0
M HELP FORM CREATO IN PHP PHP 14
M Help - consultare (ed esportare) dati da un DB pubblico mySql PHP 2
S [PHP] help me!! PHP 2
F Cerco contatto tipo help-desk Offerte e Richieste di Lavoro e/o Collaborazione 2
F Help-PDO copiare Database MySQL PHP 3
Andrea1981 [WordPress] [HTML] Help modifica credits nel footer.Tema Customizr. WordPress 5
simgia [Javascript] Google maps help! Javascript 1
S [WordPress] Footer php - il background riempie tutta la pagina - help WordPress 1
A funzioni asincrone e callback...help! Ajax 10
F Help array da javascript a php Javascript 2
M [PHP] Help: controllo valori inseriti in un campo PHP 1
P Help con js/php PHP 6
N Sistema di Help di Delphi 7 non funziona su Win10 Windows e Software 0
silvia88 ***Help*** - Anteprima immagine photoshop diversa da file Photoshop 3
A HELP: vedo il sito posizionato in serp solo con i tool di posizionamento!!! SEO e Posizionamento 3
T [PHP] Calcolo anzianità soggetti [era: Help me :( Esercizio per me impossibile] PHP 9
trattorino Creare codice php help PHP 26
CoyotesSon [PHP] Help! Creazione di una finestra PHP 5
V help java Java 2
L help me Presentati al Forum 0
L N00b need help Webdesign e Grafica 2
I Help - Problema installazione tema di themeforest WordPress 1
claudiav ciao!! help.. Presentati al Forum 0
Z Invio mail da telecamere HIKVision - HELP!!! IP Cam e Videosorveglianza 0
M - WordPress - Sito Annunci HELP ME!!!! :crying: WordPress 2
L Hosting, help HTML e CSS 2
M HoneyPot su macchina virtuale HELP ME PLEASE!!! Reti LAN e Wireless 0
F Help con leaseweb Hosting 2
M DropDownList HELP ASP.NET 8
E [Javascript] help me !!! array da php a java Javascript 9
N Query lenta, help ! MySQL 0
P Help! modifica script Javascript 11
R cookies policy - help Leggi, Normative e Fisco 21
I Piccolo roblema di compatibilità mobile.. help! PHP 1
zorro Help paginazione PHP 10
A Help! Creare un blog/portale con chat in real time WordPress 0
P help variabile js concatenata a echo php Javascript 0
O Help, devo fare un sito web con alcune caratteristiche... HTML e CSS 2
Alessandra Fanelli Menu Collapse- help -nn iserisce azioni a pulsanti Flash 0
M php help ! PHP 3
V datepicker help.... jQuery 2

Discussioni simili