Centrare sito e problema slide

**pippuccio76** · 24-12-2012, 21:18

Salve ho creato un sito :

http://babyonboard.altervista.org/index.html

Il problema è che non riesco a centrarlo , ho provato a dare al container left 50% e margin-left -400px (il sito è 800)

inoltre perdo il 50% delle foto .

posto il css :

codice:

/*stili per il layout fisso*/
html,body{margin: 0;padding:0;background-image:url(01palloncini.jpg);position :absolute;text-align: center}
body{font-family: arial,sans-serif;font-size: 76%}
div#container{width: 800px;height : 693px; border-left: 2px solid #36c;border-right: 2px solid #36c;position: absolute ;left:50%; margin-left:-100px }

/*stili generici, su header e footer*/
div#header{width: 800px;height : 150px;background-color:#36C;color: #00FF00;text-align: center;position: absolute;left:300px
}
div#header h1{font-size:50px}
div#header h3{font-size:35px}
div#locandina1 {position: absolute; top: 3px; left: 10px}
div#locandina2 {position: absolute; top: 3px; right: 10px }
div#facciaLuca {position: absolute; top: 10px; left: 2px }
div#facciaIvano {position: absolute; top: 10px; right: 2px }
h1,h2{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif;text-align:center}
h2{color: #0000FF;font-size: 1.5em;text-align:center}
h3{text-align:center}
div#footer a{color: #fff;font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/
div#navigation{margin: 0;padding:0;width :136px;height : 544px;background-color:#ADD8E6;position: absolute ;top: 150px; left: 300px}
div#content{position : absolute;top: 150px; left: 436px;width :640px;height : 520px;background-color:#90EE90;margin-right: 13em ;padding: 1em}
div#footer{width: 792px;clear:right; text-align:center; padding: 0.5em;background-color: #69c; color: #000; position : absolute;top: 690px; left: 299px}
div#content p{text-align:center; font-size:16px}
/*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:#A020F0;font: normal bold 1.6em/1.8em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #FFA500;text-decoration: underline}

l'index:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Baby on board Cabaret</title><meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.0">
<META NAME="DESCRIPTION" CONTENT="Sito di babyonboard cabaret .">
        <META NAME="KEYWORDS" CONTENT="cabaret,babyonboard,animatori,sicilia,piazza armerina, gela,luca , ivano,matrimoni,matrimonio,compleanni,compleanno,feste,festa,addii,celibato ,nubilato,laurea ,lauree,animazione,animazione bimbi,animazione adulti,comici ,comico,ecc.">
<style type="text/css">
a#viewcss{color: #00f;font-weight: bold}
</style>
<link rel="stylesheet" type="text/css" href="sito_luca.css" />


			<script language="javascript" src="esempio19b_files/js.js"></script></head>
<body>
<div id="container">
    <div id="header">
		<div id=locandina1>[img]Locandina_luca.jpg[/img]</div>
        <h1>Baby on Board!</h1>
        <h3>Cabaret</h3>
     <div id=locandina2>[img]Locandina_luca.jpg[/img]</div> 
    </div>
    <div id="navigation">
        <ul>[*]Home
            
[*]Foto
            
[*]Spettacoli
            
[*]Contatti
            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

 
 [/list]
    </div>
    <div id="content">		
		<div id="facciaLuca">[img]faccia_luca.jpg[/img]</div>
        <h1>Dalla Sicilia con Sudore</h1>
        
  
  
        <center><h2>Storia</h2></center> 
        <div id="facciaIvano">[img]faccia_ivano.jpg[/img]</div>
        

       
        

Il  duo  si  forma casualmente  nell'estate  del  2008 , durante un  matrimonio di  un  amico  riescono ad allietare la serata con scherzi e giochi.</p>
        <h3><font color= #FF0000>Dopo quella giornata le cose non furono più le stesse!!!!</font></h3>
        

Luca e Ivano pensano di far diventare l'innata giocosità e simpatia in un vero e proprio lavoro.</p>
        
        

Dopo le prime serate per far conoscersi al mondo intero , le serate organizzate iniziano ad aumentare e l'agenda si infittisce.</p>
        
        

Ad oggi la frizzzzzzante simpatia dei due cabarettisti ha movimentato numerose serate, matrimoni e compleanni.</p>

<font color=blue>Contattaci per le tue feste,compleanni,matrimoni,schiuma party e cerimonie varie</font></p>
        
  
        
        
    </div>
    <div id="footer">©  Grafica, layout e guide sono di esclusiva propriet&agrave  di ASPtrio
    Note e informazioni legali</div>
</div>
<script language="javascript">postamble();</script>
</body>
</html>

e le foto :

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Baby on board Cabaret</title><meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.0">
<META NAME="DESCRIPTION" CONTENT="Sito di babyonboard cabaret .">
        <META NAME="KEYWORDS" CONTENT="cabaret,babyonboard,animatori,sicilia,piazza armerina, gela,luca , ivano,matrimoni,matrimonio,compleanni,compleanno,feste,festa,addii,celibato ,nubilato,laurea ,lauree,animazione,animazione bimbi,animazione adulti,comici ,comico,ecc.">
<style type="text/css">
a#viewcss{color: #00f;font-weight: bold}
</style>
<link rel="stylesheet" type="text/css" href="sito_luca.css" />


			
                        <script src='jquery-1.2.6.min.js' type='text/javascript'></script>
                        <script src='jquery.cross-slide.js' type='text/javascript'></script>
</head>
<body>
<div id="container">
<div id="header">
<div id="locandina1">[img]Locandina_luca.jpg[/img]</div>
<h1>Baby on Board!</h1>
<h3>Cabaret</h3>
<div id="locandina2">[img]Locandina_luca.jpg[/img]</div>
</div>
<div id="navigation">
<ul>
<ul>[*]Home[/list][/list]
<ul>
<ul>[*]Foto[/list][/list]
<ul>
<ul>[*]Spettacoli[/list][/list]
<ul>
<ul>[*]Contatti[/list][/list]















</div>
<div id="content">
<style type="text/css">
  h3 {text-align:center;}
  
  #test2 {
    margin: 1em auto;
    border: 2px solid #555;
    width: 640px;
    height: 480px;
  }
</style>
<script id="source-test2" type="text/javascript">// <![CDATA[
$(function() {
$('#test2').crossSlide({
  sleep: 2, //in sec
  fade: 1   //in sec
}, [
  { src: 'a.jpg' },
  { src: 'b.jpg' },
  { src: 'c.jpg' },
  { src: 'd.jpg' },
  { src: 'e.jpg' },
  { src: 'f.jpg' }, 
  { src: 'g.jpg' },
  { src: 'bimbo1.jpg' },
  { src: 'bimbo3.jpg' },
  { src: 'milanese1.jpg' },
  
]);
});
// ]]></script>
<div id="test2">Loading. . .</div>
</div>
<div id="footer">&copy; Grafica, layout e guide sono di esclusiva propriet&amp;agrave di ASPtrio Note e informazioni legali</div>
</div>
<script type="text/javascript" language="javascript">// <![CDATA[
postamble();
// ]]></script>
</body></html>

http://babyonboard.altervista.org/index.html

Discussione: Centrare sito e problema slide

Strumenti discussione

Ricerca discussione

Visualizza

Hybrid View

Centrare sito e problema slide

Permessi di invio