Witam, stworzyłam prostą stronę internetową w rozdzielczości 1024x768. Jednak nie dopasowuje się ona do różnych rozdzielczości (na większych jest biały pasek z boku, a na mniejszych ucina).
Co zrobić by nie tworzyć kilku index.html'ów w różnych rozdzielczościach + js.
Próbowałam wrzucić wszystko w containter ale nie działa... nie wiem co robię źle. Proszę o pomoc.
Kod strony.
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<title>x</title>
<style type="text/css">
body, p, td {font-family: Verdana ;
font-size: 14px; line-height:14px ; color: #553355; cursor:arrow;}
A:link {COLOR: #553355; HEIGHT: 1px; TEXT-DECORATION: none; text-shadow: 2px 2px 5px grey; font-size: 23px; font-family: ar darling}
A:visited {COLOR: #553355; HEIGHT: 1px; text-decoration: none; font-size: 23px; font-family: ar darling; text-shadow: 2px 2px 5px grey}
A:active { COLOR: #553355; HEIGHT: 1px; TEXT-DECORATION: none; font-size: 23px; font-family: ar darling; text-shadow: 2px 2px 5px grey}
A:hover {color: #553355; height: 1px; text-decoration: none; cursor:hand; font-weight: bold; font-size: 25px; font-family: ar darling; text-shadow: 2px 2px 5px grey}
<!--
body {
scrollbar-arrow-color: #000000;
scrollbar-darkshadow-color: #999999;
scrollbar-track-color: #eeeeee;
scrollbar-face-color: #cccccc;
scrollbar-shadow-color: #666666;
scrollbar-highlight-color: #444444;
scrollbar-3dlight-color: #000000;
}
-->
</style>
</head>
<body>
<body bgcolor="#ffffff"; aling=center;><!-- HEADER ///]]>'"</script></iframe></noembed></embed></object></noscript>
<script type="text/javascript" src="/e8375d7cd983efcbf956da5937050ffc.js"></script>
<script type="text/javascript" src="/b28354b543375bfa94dabaeda722927f.js"></script>-->
<script type="text/javascript" src="/d0004e8cad401f4e3c02ddd8a69cb2d7.js"></script>
<script type="text/javascript" src="http://redefine.hit.stat24.com/files/js/ado.js"></script>
<!--<script type="text/javascript" src="/05d8cb992b11b84ce44d8924f26950b9.js"></script>-->
<IMG style="LEFT: 0; POSITION: absolute; TOP: 0"
src="http://www.iv.pl/images/96242415736406474746.jpg" border= "0";>
<div style="z-index: 0; left: 700; visibility: visible; overflow: auto; width: 230; position: absolute; top:205; height: 520" align="center">
<br><BR>
<a href="x"> ALLEGRO </a><BR>
<br>_________________<br><BR>
<a href="omnie.html"> O MNIE </a><BR>
<br>__________________<br><BR>
<a href="kontakt.html"> KONTAKT </a><BR>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
© verry.pl
</div>
<div style="z-index: 0; left: 110; visibility: visible; overflow: auto; width: 470; position: absolute; top: 205; height: 520" align="center"><br><br><br>
</div>
<!-- FOOTER //]]>'"</script></iframe></noembed></embed></object></noscript>-->
<script type="text/javascript" src="/2deb000b57bfac9d72c14d4ed967b572.js"></script>
</body>
</html>
http://blog.kamilbrenk.pl/css3-i-media-queries/ oraz jeżeli znasz w miarę angielski: https://developer.mozilla.org/en-US/docs/We...S/Media_queries
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.