sito per varie risoluzioni

**cris1992** · 02-09-2010, 19:48

salve a tutti sto creando un sito e mi sono posto il problema della risoluzione con testsize.com ed infatti molte parti del sito sono tagliate con risoluzioni piu basse della mia come posso fare per risolvere questo problema questo è il codice che ho scritto fino ad adesso

codice:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<? include("script/menu-lingua/1.php"); ?>
</head>
<body onLoad="javascript:startmenu()">
<div id="logo" style="position:absolute; left:20px; width:204px; top: 15px; height: 20px;">[img]image/logo.png[/img]</div>
<div id="lingua" style="position:absolute; left:1131px; width:102px; top: 17px; height: 23px;">
  <div align="left">Italian</div>
  <div id="menu1"> 
    <div align="left">- English

      - French

      - Deuth

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

CSS

codice:

body, html {
   height: 100%;
   margin: 0;
   background: url(image/body.jpg)} 

#logo{
position:relative;
left:358px;
top:92px;
padding:0.4em;
width:147px;
}
#lingua{
position:relative;
left:405px;
top:27px;
padding:0.4em;
width:170px;
}

**codencode** · 03-09-2010, 10:10

Innanzitutto qualcosa risolvi riflettendo sul fatto che nel CSS hai position:relative per #logo e #lingua mentre nello stile in linea hai position:absolute. Il posizionamento assoluto nel tuo codice HTML causa i problemi da te riscontrati.

**cris1992** · 03-09-2010, 11:34

ho modificato così

codice:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<? include("script/menu-lingua/1.php"); ?>
</head>
<body onLoad="java-script:startmenu()">
<div id="logo" style="position:relative; left:20px; width:204px; top: 15px; height: 20px;">[img]image/logo.png[/img]</div>
<div id="lingua" style="position:relative; left:1131px; width:102px; top: 17px; height: 23px;">
  <div align="left">Italian</div>
  <div id="menu1"> 
    <div align="left">- English

      - French

      - Deuth

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

ma non cambia niente

Discussione: sito per varie risoluzioni

Strumenti discussione

Ricerca discussione

Visualizza

sito per varie risoluzioni

Permessi di invio