Problema Chrome

**marcello90** · 19-02-2011, 17:37

Ho creato la seguente pagina web:
http://uploadjuve.altervista.org/Sito2/home.html

con IE funziona tutto bene,invece con Chrome i vari div di spostato, quale è il problema?

grazie mille a chi mi aiuterà

**marcello90** · 20-02-2011, 12:19

Esempio codice div contenitore e div interno

codice:

#contenitore {
	position: relative;
	z-index: 0;
	background-color: #FFF;
	behavior: url(ie-css3.htc);
	background-image: url(sfondo%20pagina(1).png);
	height: 1150px;
	width: 900px;
	overflow: hidden;
	bottom: 10px;
	margin: 10px;
}
#primo {
	position: relative;
	left: 125px;
	z-index: 1;
	z-index: 0;
	color: yellow;
	width: 500px;
	height: 292px;
	top: +182px;
	margin: 0 auto;
	border-radius: 10px;
}

**marcello90** · 21-02-2011, 07:34

up

**mucu** · 21-02-2011, 07:53

se davvero ti interessa la compatibilità con i vari browser ti conviene cancellare tutto (il codice è troppo confusionario e spesso scorretto) e rifare da capo testando prima con i vari safari firefox opera
e dopo adattare eventualmente a explorer utilizzando i commenti condizionali

**marcello90** · 21-02-2011, 15:21

Potresti farmi almeno un primo esempio su come risolvere il problema dei posizionamenti?

**mucu** · 21-02-2011, 15:58

comincia a leggere le guide
intanto scrivi un html pulito (senza formattazioni, font, colori etc) e quindi validato, meglio ancora se semantico
poi se qualcosa non ti è ancora chiara, siamo qui a cercare di aiutarti

**marcello90** · 21-02-2011, 16:00

piu' che altro mi servirebbe un esempio su quali proprietà utilizzeresti per posizionare i vari div, mi serve un esempio insomma

**mucu** · 21-02-2011, 16:09

dopo aver premesso che nella maggior parte dei casi i posizionamenti sono inutili,
primo userei un reset

codice:

* {
   margin: 0;
   padding: 0
}

poi metterei un contenitore

codice:

classe o id, dipende se lo usi una o più volte {
   margin: 0 auto;
   width: 600px;
}

quindi dentro ci posizionerei l'oggetto

codice:

classe o id {
   width: 200px;
   height: 200px;
   top: 20px;
   left: 40px /*giusto per dare i numeri*/
}

**marcello90** · 21-02-2011, 16:11

praticamente devo posizionare i vari div con i soli left e top?

**mucu** · 21-02-2011, 16:12

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
* {
	margin: 0;
	padding: 0
}
.pop {
	margin: 0px auto;
	height: 600px;
	width: 300px;
	background: #999;
	position: relative;
}
.pop1 {
	background: #FFF;
	width: 200px;
	position: absolute;
	left: 40px;
	top: 20px;
	height: 50px;
}
</style>
</head>

<body>
<div class="pop"><div class="pop1"></div></div>
</body>
</html>

Discussione: Problema Chrome

Strumenti discussione

Ricerca discussione

Visualizza

Problema Chrome

Permessi di invio