Body con margini stretti, figlio di body con margini grandi

**Dariosky** · 08-07-2004, 20:40

Vi chiedo un altro consiglio sui CSS:

Ho scelto come stile per delle pagine una larghezza fissa, piccola, di 500px, per facilitare la lettura del testo.

Ora in alcune pagine (che vorrei usassero lo stesso foglio di stile) ho alcune immagini che vorrei fossero piu' larghe dei 500px, (vorrei prendessero il 98% della larghezza).

Come faccio per dire all'immagine di occupare tutta la larghezza e far si che sotto l'immagine si continui con i margini stretti?

Io ho risolto la prima parte usando position:absolute e posizionando l'immagine come dovrebbe, ma poi il testo che dovrebbe venire sotto l'immagine gli va DIETRO.
Consigli?

Grazie mille

**keratox** · 09-07-2004, 07:26

prova così

codice:

<table width="780%" border="0">
<tr>
  <td width="140"> </td>
  <td width="500"> testo... </td>
  <td width="140"> </td>
</tr>
<tr>
 <td width="780" colspan="3">
  [img]img.gif[/img]
 </td>
</tr>
<tr>
  <td width="140"> </td>
  <td width="500"> testo... </td>
  <td width="140"> </td>
</tr>
</table>

**Jerry Masslo** · 09-07-2004, 07:50

se vuoi far prendere alle immagini larghezza in percentuale devi usarei i div, considera che non tutte le immagini reggono un ridimensionamento in percentuale, poi sotto puoi mettere la tua tabella.

body {text-align:center}/*suppongo tu voglia centrare quel 98% questo serve per ie*/

.divCentraImm {width:98%;
margin:auto}

.immPerc {width:100%} /*questa classe la dai all'immagine che vuoi in percentuale infili dentro il div di sopra*/

**keratox** · 09-07-2004, 08:07

Faccio notare che in mozilla, se dentro un <div> inserisci un'oggetto + grande di esso, esce fuori dal div, ossia, non rimane dentro ne' lo allarga.

**Jerry Masslo** · 09-07-2004, 08:22

Originariamente inviato da keratox
Faccio notare che in mozilla, se dentro un <div> inserisci un'oggetto + grande di esso, esce fuori dal div, ossia, non rimane dentro ne' lo allarga.

a che ti riferisci? all'immagine 100% dentro un div 98%?

se è così l'immagine non sarà più grande del div perché baserà la sua percentuale sulle dimensioni dell'elemento padre.

**keratox** · 09-07-2004, 14:50

mmmh direttamente a nessuna delle 2

**Dariosky** · 09-07-2004, 23:46

Provo a spiegarmi con qualche esempio:
Quello che vorrei è che i 2 div sotto fossero centrati (il figlio centrato dentro il padre, ma più largo)

<html>
<head>
<title></title>
<style type="text/css"></style>
</head>
<body>
<div class="padre">
Titolo
<div class="figlio">
testo molto ma molto lungo
</div>
Sottotitolo
</div>
</body>
</html>

sono riuscito solo mettendo il figlio con
position:absolute;
ma allora il sottotitolo finisce nella riga sotto il titolo
(sotto il figlio).

Discussione: Body con margini stretti, figlio di body con margini grandi

Strumenti discussione

Ricerca discussione

Visualizza

Body con margini stretti, figlio di body con margini grandi

Permessi di invio