salve,
sono disperata per lunedì 29 devo consegnare un progetto di un sito ma non riesco a capire come fare per visualizzare le mie pagine anche con firefox senza che si accavallino le immagini e/o si spostino tutte a sinistra...
come posso fare?????
l'essenziale è invisibile agli occhi
E cosa possiamo dirti senza vedere nulla?Originariamente inviato da pollyprince
salve,
sono disperata per lunedì 29 devo consegnare un progetto di un sito ma non riesco a capire come fare per visualizzare le mie pagine anche con firefox senza che si accavallino le immagini e/o si spostino tutte a sinistra...
come posso fare?????
Questa dovrebbe essere l'impostazione XHTML per tutte le pagine...
questa è la pagina INDEX
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Portfolio/Luisa Carcavale</title>
<link href="style_monolitico.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.stile4 {font-size: 18px}
-->
</style>
</head>
<body>
<div style="width: 90%; text-align: center;">
<div id="header">
[img]testata4.jpg[/img]
</div>
<div id="menu">
<ul>
[*]Home
[*]Biography
[*]Photo
[*]Video
[*]Esercitazioni
[*]Contact
[/list]
</div>
<div id="corpo">
<object data="slide.swf" type="application/x-shockwave-flash" width="474.9" height="357.2" align="center">
<param name="movie" value="slide.swf"/>
</object>
</div>
<div id="footer">2008 Luisa Carcavale Photographer e Visual Graphic Design
</div>
</div>
</body>
</html>
questi i codici css
/* Foglio di stile */
html,body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
}
div#header {
width: 600px;
text-align: center
min-height: 100px;
height: auto !important;
height: 100px;
background-color: #ffffff;
}
div#corpo {
width: 600px;
text-align: center;
min-height:200px;
height: auto !important;
height: 200px;
background-color: #000000;
}
div#footer {
width: 600px;
text-align: center;
height: 20px;
background-color: #c4bcc2;
font-weight: bold;
color: #ffffff;
}
#menu{
clear: both;
width: 600px;
border-bottom: 1px solid #000000;
border-top: 1px solid #ffffff;
background: #c4bcc2;
text-align: center;
min-height: 10px;
height: auto !important;
height: 10px;
}
l'essenziale è invisibile agli occhi
Nella tonnellata di codice che ai postato quali sono le immagini che si accavallano?
Fantasupermegafavolipermeramagicultra irresistibili
4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!
"... a quell'età ... bastava un dito per fare la pace ..."
fotine
praticamente tutte!!!!
nel senso che in alcune pagine il body si accavalla all'header
in altre si creano circa 100px di spazio tra solo...
e per ogni browser la visualizzazione è diversa!
non c'è un sistema per "standardizzare" tutte le pagine in modo che per ogni browser si visualizzi sempre allo stesso modo???
il sito è www.luisacarcavale.it
magari si capisce meglio ...
(sono un disastro)
l'essenziale è invisibile agli occhi
Prova a rivedere codice e css basandoti un po' su alcune di queste guide:
http://css.html.it/guide/leggi/3/gui...iti-con-i-css/
Io sono su Safari e non mi sta accavallando niente..
Fantasupermegafavolipermeramagicultra irresistibili
4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!
"... a quell'età ... bastava un dito per fare la pace ..."
fotine
Permessi di invio
Rispondi quotando