PDA

View Full Version : Problema formattazione sito


scata84
20-01-2009, 17:44
ciao a tutti raga, sto progettando un sito con dei fogli di stile.
Mi sono reso conto che la risoluzione del mio video è di 1440x900 pixel e progettando il sito si vede tutto ok. Il problema è che abbassando la risoluzione (probabilmente chi vedrà il sito avrà una risoluzione più bassa) la formattazione della pagina si sposta (delle scritte le ritrovo da altre parti ecc..) ci sta un modo per evitare tutto questo casino.
Vi ringrazio

CozzaAmara
20-01-2009, 18:40
ciao a tutti raga, sto progettando un sito con dei fogli di stile.
Mi sono reso conto che la risoluzione del mio video è di 1440x900 pixel e progettando il sito si vede tutto ok. Il problema è che abbassando la risoluzione (probabilmente chi vedrà il sito avrà una risoluzione più bassa) la formattazione della pagina si sposta (delle scritte le ritrovo da altre parti ecc..) ci sta un modo per evitare tutto questo casino.
Vi ringrazio

Si, per prima cosa cominciando a postare il codice. :fagiano:

scata84
22-01-2009, 11:50
Si, per prima cosa cominciando a postare il codice. :fagiano:

eccolo: <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Boorish by Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
width:393px;
height:58px;
z-index:1;
left: 560px;
top: 203px;
}
.style1 {
font-family: "Times New Roman", Times, serif;
font-size: 45px;
color: #289762;
}
.style2 {
color: #D12C8A;
font-weight: bold;
}
.style4 {
color: #7FDFFF;
font-weight: bold;
}
#apDiv2 {
position:absolute;
width:238px;
height:175px;
z-index:2;
left: 13px;
top: -11px;
}
-->
</style>
</head>
<body>
<!-- start header -->
<div id="header">
<div id="logo">

<div id="apDiv2"><img src="../../../../../Documenti/Sito Di prova/Immagine Pulita2.png" alt="" width="251" height="170" /></div>
<h2>&nbsp;</h2>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp; </p>
</div>
<div id="menu">
<ul>

<li class="current_page_item"><a href="#" class="style2">home</a></li>
<li><a href="#" class="style4 style4 style4">Chi Siamo</a></li>
<li><a href="#"><strong>Galleria foto</strong></a></li>
<li><a href="#"><strong>Affitti</strong></a></li>
<li><a href="#"><strong>Contatti</strong></a></li>
</ul>

</div>
</div>
<!-- end header -->
<!-- start page -->
<div id="page">
<!-- start content -->
<div id="content">
<!-- start latest-post -->
<div id="latest-post" class="post">
<h1 class="title">&nbsp;</h1>
<h1 class="title">Welcome to Our Website!</h1>

<p class="meta">&nbsp;</p>
<div class="entry">
<p>This is <strong>Boorish</strong>, a free, fully standards-compliant CSS template designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>. This free template is released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attributions 2.5</a> license, so you're pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :)</p>
<p>This template is also available as a <a href="http://www.freewpthemes.net/preview/Boorish/">WordPress theme</a> at <a href="http://www.freewpthemes.net/">Free WordPress Themes</a>.</p>

<h2>Sample Tags</h2>
<blockquote>
<p>“A blockquoted paragraph. In posuere eleifend odio quisque semper augue mattis wisi maecenas ligula.”</p>
</blockquote>
<p>An example of an ordered list:</p>
<ol>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>

<li>Phasellus nec erat sit amet nibh pellentesque congue.</li>
<li>Cras vitae metus aliquam risus pellentesque pharetra.</li>
</ol>
<h3>Heading Level 3: Followed by an Unordered List</h3>
<ul>
<li>Cras vitae metus aliquam risus pellentesque pharetra.</li>
<li>Maecenas vitae orci vitae tellus feugiat eleifend.</li>

<li>Etiam ac tortor eu metus euismod lobortis</li>
</ul>
<p>&nbsp;</p>
</div>
</div>
<!-- end latest-post -->
<!-- start recent-posts -->
<div id="recent-posts"><img src="../../../../../Documenti/Sito Di prova/Scritta Logo.png" alt="scritta logo" width="569" height="63" /></div>

<!-- end recent-posts -->
</div>
<!-- end content -->
<!-- start sidebar -->
<div id="sidebar">
<div style="clear: both;"></div>
</div>
<!-- end sidebar -->
</div>

<!-- end page -->
<div id="footer">
<p id="legal">&copy;2007 Boorish. All Rights Reserved. | Designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
<p id="links"><a href="#">Privacy</a> | <a href="#">Terms</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p>

</div>
</body>
</html>