[HTML] Centrare un elemento (scusate la niubbaggine) - Pagina 2

VICIUS · 15-05-2005, 19:40

Quote:

Originariamente inviato da VegetaSSJ5

ma sono stupidi??
perchè non supportare uno standard??

La cosa piu triste è che la Microsoft è una delle collaboratrici del W3C. Quindi ha contribuito ha creare lo standard.

ciao

VegetaSSJ5 · 15-05-2005, 20:31

Quote:

Originariamente inviato da VICIUS

La cosa piu triste è che la Microsoft è una delle collaboratrici del W3C. Quindi ha contribuito ha creare lo standard.

ciao

mazzo · 16-05-2005, 10:27

Da quando uso firefox il codice html risponde come voglio, però perdo più tempo a adattarlo a quella schifezza di explorer

VegetaSSJ5 · 16-05-2005, 21:38

ragazzi utilizzo questo thread per fare una domanda. sto facendo una pagina html+css. il fatto è che viene visualizzata in maniera abbastanza diversa da firefox e da internet explorer. le pagine sono queste:

e

allora le discordanze che ci sono sono queste:

nella colonna sinistra la scritta ingredienti viene visualizzata:
- centrata in firefox (GIUSTO secondo i css);
- allineata a sinistra in IE (SBAGLIATO); --> PROBLEMA RISOLTO, errore nell'html <--

nella colonna sinistra la scritta Curiosità viene visualizzata:
- appena sotto la tabella in firefox (SBAGLIATO);
- 50 pixel sotto la tabella in IE (GIUSTO secondo i css);

nel riquadro in alto a destra (a fianco ad immagine lasagna) le informazioni vengono visualizzate:
- allineate a destra in firefox (GIUSTO secondo i css);
- a fianco dell'immagine lasagna (SBAGLIATO).

Le discordanze sono queste, ma sono decisamente troppe per una paginetta stupida. Qualcuno mi sa dire perchè è così ed eventualmente come sistemare le cose?
Questo è il codice html

Codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it">

<head>
	<title>Pagina di prova</title>
	<meta name="author" content="VegetaSSJ5" />
	<meta name="description" content="Pagina XHTML per la prova parziale di SID" />
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<link rel="stylesheet" href="./style.css" type="text/css" />
</head>

<body>

<div id="content">

	<div id="header">
		Lasagna allo scoglio
	</div>

	<div id="corpo">
		<div id="leftcolon">
                        <p id="ingrhead">Ingredienti</p>
			<table id="ingr">
				<tr id="ingrrow"><td id="ingrleft">Pasta fresca</td><td id="ingrright">200gr</td></tr>
				<tr id="ingrrow"><td id="ingrleft">Pomodori pelati</td><td id="ingrright">800gr</td></tr>
				<tr id="ingrrow"><td id="ingrleft">Piselli</td><td id="ingrright">250 gr</td></tr>
				<tr id="ingrrow"><td id="ingrleft">Gamberi sgusciati</td><td id="ingrright">200 gr</td></tr>
				<tr id="ingrrow"><td id="ingrleft">Seppioline</td><td id="ingrright">200 gr</td></tr>
				<tr id="ingrrow"><td id="ingrleft">Salmone fresco</td><td id="ingrright">200gr</td></tr>
				<tr id="ingrrow"><td id="ingrleft">Aglio</td><td id="ingrright">2 spicchi</td></tr>
				<tr id="ingrrow"><td id="ingrleft">Peperoncino</td><td id="ingrtight">1</td></tr>
				<tr id="ingrrow"><td id="ingrleft">Pan grattato</td><td id="ingrright">1 cucchiaio</td></tr>
				<tr id="ingrrow"><td id="ingrleft">Prezzemolo</td><td id="ingrright">1 pizzico</td></tr>
				<tr id="ingrrow"><td id="ingrleft">Sale</td><td id="ingrright">q.b.</td></tr>
				<tr id="ingrrow"><td id="ingrleft">Olio extravergine d'oliva</td><td id="ingrright">3-4 cucchiai</td></tr>
			</table>

			<p id="curiosita">Curiosit&agrave;</h1>
		</div>

		<div id="rightel">
			<div id="top">
				<div id="imgl"><img src="./lasagna.jpg" alt="IMMAGINE LASAGNA" title="Lasagna" height="180" width="180" /></div>
				<table id="info">
					<tr id="inforow"><td id="infoleft">Per:</td><td id="inforight">4 persone</td></tr>
					<tr id="inforow"><td id="infoleft">Sostanzioso</td></tr>
					<tr id="inforow"><td id="infoleft">Categoria:</td><td id="inforight">primi</td></tr>
					<tr id="inforow"><td id="infoleft">Costo:</td><td id="inforight">elevato</td></tr>
					<tr id="inforow"><td id="infoleft">Difficolt&agrave;:</td><td id="inforight">media</td></tr>
					<tr id="inforow"><td id="infoleft">Tempo di preparazione:</td><td id="inforight">65'</td></tr>
				</table>
			</div>
					
			<div id="bottom">
				<p id="preptitle">Preparazione</p>
				<p id="preptext">Pulite, lavate e tagliate a pezzetti il pesce. Sbucciate l'aglio, tagliatelo, mettetelo con un po' di olio e peperoncino in una padella a dorare. Unite quindi le seppioline, laciate cuocere per 10 minuti mescolando con un cucchiaio di legno. Unite il pomodoro e continuate la cottura. In una teglia formate uno strato di sugo alla base, mettete sopra una sfoglia di pasta, continuate con il sugo, un'altra sfoglia, sino ad arrivare a fine ingredienti. Distribuite sulla superficie della lasagna uno strato di pan grattato. Scaldate il forno e cuocete il tutto a 200&deg;C.</p>
			</div>
	</div>

</div>

</body>

</html>

E questo è il file css

Codice:

body {
	color: #000;
	background-color: #eee;
	font-family: verdana, sans-serif;
}

#content {
	width: 760px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
}

#header {
	padding: 20px;
	background-color: #fa4;
	text-align: center;
	font-size: 26px;
	font-style: italic;
	font-variant: small-caps;
	font-weight: bold;
	border: 1px solid #000;
}

#corpo {
	margin-top: 5px;
}

#leftcolon {
	float: left;
	padding: 2px;
	background-color: #fc6;
	width: 180px;
	height: 455px;
	border: 1px solid #000;
}

#rightel {
	float: right;
	height: 455px;
	width: 568px;
}

#top {
	border: 1px solid #000;
	height: 180px;
	width: 564px;
}

#imgl {
	float: left;
}

#info {
	margin-left: 161px;
}

#inforow td {
	padding-top: 5px;
}

#infoleft {
	width: 125px;
	font-weight: bold;
	text-align: right;
}

#inforight {
	font-style: italic;
	padding-left: 5px;
}

#bottom {
	margin-top: 1px;
	width: 558px;
	height: 270px;
	border: 1px solid #000;
	padding: 3px;
}

#ingr {
	float: left;
	font-size: 12px;
}

#ingrhead {
	text-align: center;
	font-weight: bold;
	font-size: 13px;
}

#ingrleft {
	width: 100px;
}

#preptitle {
	font-size: 16px;
	font-weight: bold;
	color: #00f;
}

#preptext {
	text-align: justify;
}

#curiosita {
	margin-top: 50px;
}

16-05-2005, 10:27	#23
mazzo Member Iscritto dal: Nov 2004 Messaggi: 159	Da quando uso firefox il codice html risponde come voglio, però perdo più tempo a adattarlo a quella schifezza di explorer __________________ Gigabyte K8NXP-9 Nforce4Ultra,Athlon64 x2 3800+ Arctic Cooling Freezer 64 pro, Enermax Coolergiant 480w 12v, 2Gb Corsair DDR400, Sapphire HD4670 512 GDDR3, Maxtor 120gb sata, Hitachi 80gb sata in raid 0, WD usb 160gb, Philips DVDRW 16X, Monitor Philips 223E, speaker Logitech Z4.

Strumenti
Mostra una versione stampabile Invia questa pagina per email