Problema css Joomla

**lhopo** · 17-06-2008, 09:26

Salve,
sono completamente digiuno di css, stò realizzando un sito joomla e uso sempre firefox...
Ieri, "per caso" ho aperto il sito con Ie, e praticamente è visibile solo 1/3° del sito...
Ho scoperto che di default ci sono 2 css, uno che è visibile al 100% con firefox & safari, e uno specifico per ie7.
La domanda è semplice...
Come faccio a far vedere a ie7 lo stesso css?
Oppure come faccio a copiare il css unificato in modo che sia comprensibile a ie7?
Mi spiego meglio:

Se copio il css standard, e lo rinomino in "ie7.css" non si vede una mazza!!!

aprendo il css per ie7 trovo queste poche righe di codice...

div#maincolumn {
float: left;
width: 480px;
margin: 0 0 6px 0;
}

div#maincolumn_full {
float: left;
width: 650px;
margin: 7px 0px 0;
padding: 10px 0 0 0px;
}

Personalmente inizio ad odiare i css...
Se volete vedere il sito è http://www.hangarcafe.it
(nel caso sia off line utente =utente password=utente

Sono aperto a qualsiasi soluzione!!!

**lhopo** · 17-06-2008, 10:30

Originariamente inviato da lhopo
Salve,
sono completamente digiuno di css, stò realizzando un sito joomla e uso sempre firefox...
Ieri, "per caso" ho aperto il sito con Ie, e praticamente è visibile solo 1/3° del sito...
Ho scoperto che di default ci sono 2 css, uno che è visibile al 100% con firefox & safari, e uno specifico per ie7.
La domanda è semplice...
Come faccio a far vedere a ie7 lo stesso css?
Oppure come faccio a copiare il css unificato in modo che sia comprensibile a ie7?
Mi spiego meglio:

Se copio il css standard, e lo rinomino in "ie7.css" non si vede una mazza!!!

aprendo il css per ie7 trovo queste poche righe di codice...

div#maincolumn {
float: left;
width: 480px;
margin: 0 0 6px 0;
}

div#maincolumn_full {
float: left;
width: 650px;
margin: 7px 0px 0;
padding: 10px 0 0 0px;
}

Personalmente inizio ad odiare i css...
Se volete vedere il sito è http://www.hangarcafe.it
(nel caso sia off line utente =utente password=utente

Sono aperto a qualsiasi soluzione!!!

Ho provato a cancellare i css linkati a ie7, ma continuo ad avere il layout a 1/3°...
Esiste un programma che traduce i css Firefox in css ie7? :master:

**lhopo** · 17-06-2008, 10:51

Allego i css.zip, almeno se qualcuno volesse approfondire!!!
Ops, mi sono accorto che non si possono allegare i file .zip!!!
Poco male metto un link http://www.hangarcafe.it/img/css.zip

E resto in attesa!!!

**lhopo** · 17-06-2008, 13:45

Visto che non ricevo risposte...

Ho risolto con l'obbligo di usare firefox...

C'è anche il link per visualizzare il sito con ie7!!!

Ma tanto non funziona con ie7...

Se qualcuno ci vuole provare, allego anche la sezione di codice php che seleziona il css...

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>

<jdoc:include type="head" />

<link rel="stylesheet" href="templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/ie7.css" type="text/css" />

ma ho seri dubbi che qualcuno si prenda la briga di spiegarmi come fare...
Saluti Lhopo

**pastoweb** · 17-06-2008, 14:13

Originariamente inviato da lhopo

Ho risolto con l'obbligo di usare firefox...

C'è anche il link per visualizzare il sito con ie7!!!

Ma tanto non funziona con ie7...

EHHHH??? Stai scherzando vero? Se io fossi un utente di explorer e mi trovassi una scritta del genere me ne andrei di corsa dal tuo sito... e se fossi un tuo cliente me ne andrei di corsa da qualche altro sviluppatore! Se poi dei visitatori e dei clienti non te ne frega niente... allora fai pure.

Non fai prima a chiedere spiegazioni/correzioni a chi ti ha fornito il template?

Se ci sono 2 css e uno si chiama IE7, probabilmente devi semplicemente lasciarlo stare o correggere quello, ma sicuramente non copiarci dentro il contenuto dell'altro.

**lhopo** · 17-06-2008, 18:50

è chiaro che non ci devo copiare dentro l'altro, è solo che il template l'ho scaricato da un sito free, e nel css di IE7 c'è solo...

div#maincolumn {
float: left;
width: 480px;
margin: 0 0 6px 0;
}

div#maincolumn_full {
float: left;
width: 650px;
margin: 7px 0px 0;
padding: 10px 0 0 0px;
}

mentre nel css default (cioè il css che pesca automaticamente firefox,safari ecc ecc)

codice:

 
html {
  height: 100%;
  margin-bottom: 0px;
}

form {
  margin: 0;
  padding: 0;
}

img,table {
	border: none;
}

body {
	background: #f29f1f;
	font-family: Tahoma, Arial, sans-serif;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #444444;
}
	
body.contentpane {
	background: #f8f8f8;
}
/* a links */
a:link, a:visited {
	outline: none;
	text-decoration: underline;
	font-weight: normal;
	color: #fff;
}

a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #8E5407;
}

table.contentpane ul li, .nopad ul {
	list-style-image: url(../images/li.png);
}
input.button, .validate  {
	background: #8E5407;
	border: 0;
	font-size: 10px;
	color: #fff;
}

.search input.button {
	text-align: right;
}

input.button:hover, .validate:hover  {
	
}


p {
	margin-top: 0;
	margin-bottom: 5px;
	text-align: justify;
}

.inputbox {
	border: 1px solid #8E5407;
	padding: 2px;
}
.inputbox:hover {

}

#modlgn_remember  {
	border:0;
}

#search {
	float: right;
	padding: 13px 50px 0 0;
}

#search .search .inputbox {
	line-height: 16px;
	font-size: 12px;
	color: #95C866;
	background: none;
	margin:	0;
	width: 94px;
	height: 18px;	
	padding: 2px 0 0 6px;
	border: 1px solid #B9DB9A;
	float: left;
}

#search .search .button {
	text-align: center;
	background: #2CB5F4;
	border: 0;
	font-size: 10px;
	color: #fff;
	float: left;
	margin: 0 0 0 5px;
	height: 22px;
}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
	height: 100%;
	padding: 0;
	background: #f29f1f url(../images/topbg.png) top center repeat-x;
}

div.center {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 900px;
	background: url(../images/center_bg.jpg) top center repeat-y;
}


div#wrapper {
	padding: 2px 0px;
	width: 900px;
	margin: 0 auto;
}

#header {
	height: 213px;
	background: url(../images/header.jpg) top center no-repeat;
	margin: 0 auto;
	width: 900px;
}

#newsflash {
	float: right;
	width: 370px;
	padding: 0px 10px 10px;
}

#content {
	width: 880px;
	margin: 0 auto;
	padding: 5px 0 0;
	overflow: hidden;
}

#logo {
	padding: 0;
	text-align: center;
	margin: 0;
}

#logo a, #logo a:link, #logo a:hover {
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	font-size: 24px;
	padding: 0;
	margin: 0;
	letter-spacing: 1px;
	color: #7a4806;
	text-decoration: none;
	outline: none;
	
}

.pill_m {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height: 40px;
	background: transparent url(../images/topmenu_bg.jpg) top center no-repeat;
}

#pillmenu {
	margin: 0;
	text-align: center;
}

#pillmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#pillmenu li {
	float: left;
	margin: 0;
	padding: 0;
	height: 40px;

}

#pillmenu li:hover {

}

#pillmenu li a#active_menu-nav {
	
}

#pillmenu li a {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 12px;
	float: left;
	display: block;
	line-height: 38px;
	padding: 0 8px 0 8px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#pillmenu li a:hover {
	color: #8e5407;
	text-decoration: none
}

#leftcolumn ,#rightcolumn {
	margin: 0;
	width: 190px;
	float: left;
	padding: 0 0 10px 0;
	text-align: left;
}

div#maincolumn {
	float: left;
	width: 490px;
	margin: 0 0 6px 0;
}

div#maincolumn_full {
	float: left;
	width: 680px;
	margin: 7px 0px 0;
	padding: 10px 0 0 10px;
}

div.nopad {
	overflow: hidden;
	padding: 0;
}

div.nopad ul {
	clear: both;
}

td.middle_pad {
	width: 20px;
}

#banner_l {
	text-align: left;
	padding: 0 0 0 24px;
}

#footer {
	margin: 0 auto;
	text-align: center;
	width: 1000px;
	height: 62px;
	background: url(../images/footer_bg.png) top center no-repeat;
}

#footer p {
	height: 20px;
	text-align: right;
	padding: 10px 30px 0 0;
	color: #666666;
}

/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline {
	background: #fffebb;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}

/* headers */
div.componentheading {
	height: 22px;
	padding: 8px 0 0 10px;
}
table.blog {
	
}
h1 {
	padding: 0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	vertical-align: bottom;
	color: #333;
	text-align: left;
	width: 100%;
}

h2, .contentheading {
	padding: 0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	color: #8E5407;
	text-align: left;
	font-weight: bold;
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

h4 {
	font-family: Tahoma, Arial, sans-serif;
	color: #333;
}

h3, .componentheading, table.moduletable th, legend {
	margin: 0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #8E5407;
	padding: 0;
}
/* small text */
.small {
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	text-align: left;
}

.modifydate {
	height: 20px;
	vertical-align: bottom;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	text-align: right;
}

.createdate {
	height: 20px;
	vertical-align: top;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	vertical-align: top;
	padding-top: 0px;
}

a.readon {
	display: block;
	float: right;
	text-decoration: none;
	line-height: 14px;
	font-size: 10px;
	text-decoration: none;
	color: #fff;
	border-bottom: solid 1px #fff;
}

a.readon:hover {
	color: #8E5407;
	text-decoration: none;
}

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }


/** overlib **/

.ol-foreground {
	background-color: #f1f1f1;
	color: #333;
}

.ol-background {
	background-color: #f1f1f1;
	color: #333;
}

.ol-textfont {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
}

.ol-captionfont {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #f6f6f6;
	font-weight: bold;
}
.ol-captionfont a {
	background-color: #f1f1f1;
	color: #333;
	text-decoration: none;
	font-size: 12px;
}

.ol-closefont {}

/* menu links */
a.mainlevel:link, a.mainlevel:visited {
	padding-left: 5px;
	margin: 0;
	line-height: 18px;
	text-decoration: none;
	color: #2EB6F4;
	font-weight: bold;
	font-size: 11px;
}

a.mainlevel:hover {

}

/* spacers */
span.article_separator {
	display: block;
	height: 20px;
}

.article_column {

}

.column_separator {
	
}

td.buttonheading {
	text-align: right;
	width: 0;
}

.clr {
	clear: both;
}

table.blog span.article_separator {
	display: block;
	height: 20px;
}



/* table of contents */
table.contenttoc {
  margin: 5px;
  border: 1px solid #ccc;
  padding: 5px;
}

table.contenttoc td {
  padding: 0 5px;
}


/* content tables */
td.sectiontableheader {
  color: #333;
  font-weight: bold;
  padding: 4px;
  border-bottom: 1px solid #666;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
  color: #333;
  font-size: 10px;
}


/* content styles */
.contentpaneopen, table.contentpane {
	margin: 0;
	padding: 0;
}

table.contentpane td{
	text-align: left;
}

table.contentpane td.contentdescription {
	width: 100%;
}

table.contentpane  {
	text-align: left;
	float: left;
	width: 100%;
	margin: 8px;
}

table.contentpane ul li a .category {
	color: #FF8800;
}

table.contentpane ul li {
	color: #333;
}

table.contentpaneopen {
	margin: 2px 8px;
}

table.contentpaneopen li {
	margin-bottom: 5px;
}

table.contentpaneopen fieldset {
	border: 0;
	border-top: 1px solid #669933;
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

table.contentpaneopen h4 {
	font-family: Tahoma, Arial, sans-serif;
	color: #669933;
}

.highlight {
	background-color: #fffebb;
}

/* module control elements */
table.user1user2 div.moduletable {
	margin-bottom: 0px;
}

div.moduletable, div.module {
  margin-bottom: 25px;
}

div.module_menu, div.module {
	margin: 0;
	padding: 0;
}

div.module_menu div, div.module {
	
}

div.module_menu div div, div.module div div {
	margin: 0 0 15px 0;
	padding: 0;
	background:  url(../images/menu_bottom.png) bottom left no-repeat;
}

div.module_menu div div div, div.module div div div{
	margin: 0;
	background:  url(../images/menu_top_out.png) top left no-repeat;
	text-align: center;
	padding: 0 0 20px 0;
}


div.module_menu div div div div, div.module div div div div {
	background: none;
	padding: 4px 8px;
	text-align: left;
}

div.module div div div form {
	padding: 4px 0 0 4px;
	width: 160px;
	margin: 0 auto;
	text-align: left;
}

div.module div div div form table td {
	text-align: left;
}

div.module div div div form ul{
	margin: 10px 0 0;
	padding: 0; 
	list-style: none;
}

div.module_menu ul {
	list-style: none;
	text-align: left;
}

div.module_menu ul li{
	margin: 0;
	padding: 0;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited {
	font-weight: bold;
	background: transparent url(../images/blue/bullet2.jpg) top left no-repeat;
	padding: 2px 0 2px 25px;
	line-height: 24px;
	text-decoration: none;
	color: #2EB6F4;
	font-size: 11px;
}

div.module_text div div div div  {
	margin:0 auto;
	
}

div.bannergroup_text {
	display:block;
	width:190px;
	background:  url(../images/menu_bottom.png) bottom left no-repeat;
}
.bannerheader {
padding: 0 0 0 6px;
}
#leftcolumn div.module table ,#rightcolumn div.module table {
	
}

#leftcolumn div.module table.poll {

}

#leftcolumn div.module table.poll td {
	text-align: left;
}

Mi sembra che la differenza sia evidente!!!

Il fatto che io non ho dimestichezza con i css, non mi rende così incapace da non fare GRATIS
un sito ad un'amico no?
quoto:e se fossi un tuo cliente me ne andrei di corsa da qualche altro sviluppatore!
Se poi ero pagato il discorso cambia...

Cmq se nessuno è in grado, di aiutarmi, o se la critica non è costruttiva ma è distruttiva, forse ho scelto il forum sbagliato.

Scusate il disturbo!!!

P.s. più su ho allegato uno zip con entrambi i css, prima di criticare basterebbe darci un'occhiata!!!

**pastoweb** · 18-06-2008, 07:42

1 - La differenza è corretta: i file vengono usati entrambi, e il file per IEcorrege sovrascrivendole solo le classi che riporta, mentre tutto il resto va bene così.

2 - Purtroppo il tuo sito stamattina è offline, per capire cosa non va servirebbe anche l'html della pagina online. Prova comunque a contattare che ha fatto il layout, che comunque non sarà contento se si dice in giro che i suoi lavori non vanno bene e potrebbe essere disposto ad aiutarti.

3 - Se si fanno i lavori gratis, non si può pretendere che i clienti poi comprendano il valore di quello che facciamo. Tutto quello che otterrai alla fine, solo per aver voluto aiutare un amico in totale buona fede, sarà solo un amico scontento. E se deciderai di fare queste cose professionalmente, scoprirai quanto questo attegiamento diffuso abbia rovinato il mercato e la percezione del valore del lavoro di creazione di prodotti web (e questo, sia chiaro, lo dico per esperienza).

Ciao!

**lhopo** · 18-06-2008, 09:10

Originariamente inviato da pastoweb
1 - La differenza è corretta: i file vengono usati entrambi, e il file per IEcorrege sovrascrivendole solo le classi che riporta, mentre tutto il resto va bene così.

2 - Purtroppo il tuo sito stamattina è offline, per capire cosa non va servirebbe anche l'html della pagina online. Prova comunque a contattare che ha fatto il layout, che comunque non sarà contento se si dice in giro che i suoi lavori non vanno bene e potrebbe essere disposto ad aiutarti.

3 - Se si fanno i lavori gratis, non si può pretendere che i clienti poi comprendano il valore di quello che facciamo. Tutto quello che otterrai alla fine, solo per aver voluto aiutare un amico in totale buona fede, sarà solo un amico scontento. E se deciderai di fare queste cose professionalmente, scoprirai quanto questo attegiamento diffuso abbia rovinato il mercato e la percezione del valore del lavoro di creazione di prodotti web (e questo, sia chiaro, lo dico per esperienza).

Ciao!

Hai perfettamente ragione!!! Fare le cose GRATIS è controproducente...
Rischio inutili discussioni con il mio amico e tanta fatica sprecata!!!

Cmq riguardo al Template è difficile rintracciare la fonte, visto che basta scrivere su "google" Template joomla e ne trovi a tonnellate (proprio come ho fatto io).
L'unica soluzione sarebbe ri-scrivere da capo il file ie7.css ma io non ne sono capace...
Credevo di trovare una sorta di "utility" che lo faccia al mio posto, ma evidentemente non esiste.
Il sito lo metto off line quando non ci lavoro...
Adesso è on-line e cmq se scorri qualche post + su, ho inserito un link ad un file .zip dove sono contenuti entrambi i .css.
Ti ringrazio per la risposta gentile e garbata.
Saluti Lhopo

Discussione: Problema css Joomla

Strumenti discussione

Ricerca discussione

Visualizza

Problema css Joomla

Re: Problema css Joomla

RISOLTO (MOMENTANEO)

Re: RISOLTO (MOMENTANEO)

ovvio

Permessi di invio