div e tabelle

**Fumocamel** · 31-08-2005, 11:20

sto seguendo la seguente lezione http://www.html.it/layout_css/layout_css_19.htm
ma se all'interno del div content
inserisco una tabella
mi scombina tutta la pagina, cioè la tabella sfonda il div navigation
in che cosa sbaglio?
viva

**pierofix** · 31-08-2005, 11:26

Prova a dare una letta qui per alcune considerazioni generali:

- http://forum.html.it/forum/showthrea...hreadid=824282
- www.mibmagazine.it/article.php?id=51

**Fumocamel** · 31-08-2005, 12:09

Ciao e grazie
ho letto i tuoi articoli, ma non ci ho capito nulla

cmq la tabella mi serve xchè devo inserire una tabella in php
viva

**pierofix** · 31-08-2005, 12:10

Originariamente inviato da Fumocamel
ho letto i tuoi articoli, ma non ci ho capito nulla

Azz! E questo nonvaabbenee!

Se vuoi porre domande più specifiche sarò lieto di chiarirti le idee.

**Fumocamel** · 31-08-2005, 12:14

ok questo è il codice html

<html>
<head>
<title>pinco Libreria</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style_equi.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="container">
<div id="header">pinco</div>
<div id="navigation">

Ricerca </p>

qui metterò il campo ricerca </p>
</div>
<div id="content">
<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td class="comandi">Novità</td>
<td class="comandi">Catalogo</td>
<td class="comandi">Eventi in libreria</td>
<td class="comandi">Galleria foto</td>
<td class="comandi">recensioni</td>
<td class="comandi">Chi siamo</td>
</tr>
</table>
</div>
<div id="footer">prova prova prova prova prova prova prova</div>
</div>
</body>
</html>

e questo è il css

/*stili per il layout fisso*/
html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 76%;text-align: center}
div#container{width: 760px;margin: 0 auto;text-align: left;
border-left: 2px solid #36c;border-right: 2px solid #36c}

/*stili generici, su header e footer*/
div#header{background-color:#36C;color: #ff0}
h1,h2{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif}
h2{color: #999;font-size: 1.5em}
div#footer a{color: #fff;font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/
div#navigation{float:right;width: 13em}
div#content{margin-right: 13em;padding: 1em}
div#footer{clear:right; text-align:center; padding: 0.5em;
background-color: #69c; color: #000}

/*stili per la navigazione*/
div#navigation ul{margin: 1em 0 1em 1em;padding: 0; list-style-type: none;}
div#navigation li{margin: 0;padding: 0}
div#navigation a{color:#369;font: normal bold 1.2em/1.6em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #033;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}

la tabella è quindi nel div content ma sfonda nel div navigation

grazie

Viva

**Fumocamel** · 31-08-2005, 12:26

BU!
non so come si fa
il bello è che firefox mi fa giusto
ma internet explorer no

voi mi dite che potrei fare il menù in altra maniera, ma rimane il fatto che quando butterò dentro la tabella php avrò di nuovo lo stesso problema
viva

**Fumocamel** · 31-08-2005, 14:17

up
up
up

mannaggia ma che faccio?

**Fumocamel** · 31-08-2005, 16:46

up
up
up
up
up
up
up

**Fumocamel** · 31-08-2005, 22:31

up
up
up
up
up
up
up

**Mich_** · 01-09-2005, 08:27

Anzitutto c'e` una contraddizione.
Se usi i CSS devi eliminare tutte le formattazioni HTML. Nel tuo caso
width="100%" border="0" cellspacing="2" cellpadding="0"
vanno tutti tolti e sostituiti con opportuni attributi dentro il CSS.

Comunque non vedo il motivo di usare una tabella: non sono dati tabellari, ma una semplice formattazione, che va fatta con dei <div> (o forse <span>, nel tuo caso) ed usando gli attributi float.

Discussione: div e tabelle

Strumenti discussione

Ricerca discussione

Visualizza

div e tabelle

Permessi di invio