Witam
Stworzyłem prostą stronkę www w rozdzielczości 1600x900 mam natomiast problem, żeby ów strona wczytywała się poprawnie (zmniejszała) wraz z rodzielczością mniejszą niż 1600x900. Na rodziałce 1024x768 na stronie pojawiają się poziome paski przewijania i wygląda ona delikatnie mówiąc tragicznie. Istnieje jakiś skrypt, który dostosowałby stronę do każdej rozdzielczości, którą ma dany użytkownik strony? W javie, php i.t.d jestem kompletnie zielony. Od dwóch dni bezskutecznie przeszukuje różne fora i jak na razie bez efektu. Pomógłby ktoś dostosować szkielet strony do różnych rozdzielczości? :) Kod strony jest na razie chaotyczny za co przepraszam :)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>Citymap</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td width="760">
<div id="top">
<div id="BANNER">
<center><img src="LOGO5.png" border="0" height="199" width=""100%" alt="" />
</div>
<div id="TRESC"></div>
<div id="MENUL">
<p><a href="mapki%20dojazdu%20SG.htm" target="ramka">
<img border="0" src="md1.png" width="236" height="51" hspace="9" vspace="1"></a><a href="mapki%20handlowe%20SG.htm" target="ramka">
<img border="0" src="mh1.png" width="236" height="51" vspace="1" hspace="9"></a><a href="logo%20grafika%20firmowa%20SG.htm" target="ramka">
<img border="0" src="lg1.png" width="236" height="51" vspace="1" hspace="9"></a><a href="mapy%20rowerowe%20SG.htm" target="ramka">
<img border="0" src="mr1.png" width="236" height="51" vspace="1" hspace="9"></a><a href="mapy%20specjalne%20SG.htm" target="ramka">
<img border="0" src="ms1.png" width="236" height="51" vspace="1" hspace="9"></a><a href="o%20citimaps%20SG.htm" target="ramka">
<img border="0" src="oc1.png" width="236" height="51" vspace="1" hspace="9"></a><a href="praca%20SG.htm" target="ramka">
<img border="0" src="pr1.png" width="236" height="51" vspace="1" hspace="9"></a><a href="kontakt%20SG.htm" target="ramka">
<img border="0" src="ko1.png" width="236" height="51" vspace="1" hspace="9"></a></p>
<p> </p>
<p> </p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</div>
<div id="MENUP">
<br>
<center><img src="map.png" border="0" height="100%" width="100%" alt=""/></center>
</div>
<div id="TRESC">
<br>
<iframe width="69%" height="605% PX;" name="ramka" src="nowy.html"></iframe>
</div>
</div>
<div id="STOPKA">stopka</div>
</td>
<td> </td>
</tr>
</table>
</body>
</html>
- kod style.css
html,
body {
width: 100%;
background-color: A9A9A9;
color: #000;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#BANNER {
height:200PX;
margin-bottom: 0px;
background-color: #FFFFFF;
}
#MENULEWE {
width: 120PX;
height:100%;
float: left;
overflow: hidden;
position: relative;
background-color: #ccc;
}
#MENUPRAWE {
width: 120PX;
height:100%;
float: right;
overflow: hidden;
position: relative;
background-color: #ccc;
}
#TRESC {
margin-left: 150px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
background-color: #fff;
}
#MENUL {
width: 250PX;
height:100%;
float: left;
overflow: hidden;
position: relative;
background-color: #FFFFFF;
}
#MENUP {
width: 250PX;
height:100%;
float: right;
overflow: hidden;
position: relative;
background-color: #FFFFFF;
}
#STOPKA {
clear: both;
background-color: #888;
co zatem zmienić, żeby stronka wyglądała normalnie we wszystkich rozdzielczościach? Strona znajduję się pod adresem http://testwebsite.republika.pl/ Zawartość strony jest nieistotna bo będzie jeszcze zmieniana. Chodzi mi o sam szkielet strony. Dzięki za odpowiedzi :)