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.042
146
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.042
146
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.042
146
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ù