ďťż

[html] pozycjonawanie, rozdzielczość

       

Podstrony


telcocafe

Witam. Mam sobie taki kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <html> <head> <title>Strona Adama</title> <meta http-equiv="Content-Type" content="text/html"; charset="ISO-8859-2" /> <meta name="description" content="Strona Adama" /> <meta name="keywords" content="Adam, Rogulski, Opoczno, strony, www, html, php, grafika, portfolio, domowa," /> <meta name="author" content="Adam Rogulski" /> <meta name="robots" content="all" /> <style type="text/css"> body{margin: 0px;} #image1{position: absolute; left:260px; top:75px; } #image2{position: absolute; left:712px; top:75px; } #image3{position: absolute; left:817px; top:75px; } </style> </head> <body> <div id="image1"><img src="images/index_03.gif"></div> <div id="image2"><img src="images/index_04.gif"></div> <div id="image3"><img src="images/index_05.gif"></div> </body> </html>

Chodzi oto, że przy rozdzielczości 1280 x 1024 strona wygląda wporządku i jest mniej więcej wyśrodkowana. Za to przy niższej rozdzielczości strona jest przesunięta w prawo i nie jest wyśrodkowana. Czy możecie mi powiedzieć jak zrobić aby strona była wyśrodkowana przy każdej rozdzielczości. Z góry dziękuję.

PS: Oco chodzi np. w takich błędach podczas validacji:

http://validator.w3....%...ine&group=0

Line 24, Column 54: XML Parsing Error: Opening and ending tag mismatch: img line 24 and div.

<div id="image2"><img src="images/index_04.gif"></div>

Line 40, Column 7: XML Parsing Error: Premature end of data in tag body line 21.

</html>
Użytkownik ini edytował ten post 30 październik 2007, 17:03



PS: Oco chodzi np. w takich błędach podczas validacji: (...)
1. Jak dajesz znacznik <html> w <html> to się nie dziw :P<html xmlns="http://www.w3.org/1999/xhtml"> <html> <-- tę linię wywal
2. Podstawowego meta-tagu nie potrafisz napisać :o (bez obrazy)<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2" />
3. Do każdego znacznika IMG dodaj atrybut ALT="" (oczywiście pisane małymi literami) i zamknij sam znacznik.

edit: Nie dziw się, jeśli nakazałeś elementom ustawić się np. 817px od lewej krawędzi...
<style type="text/css"> body { margin: 0px; padding: 0px; } #glowny { text-align: center; } #logo { margin: 0px auto; margin-top: 75px; } </style> <div id="glowny"> <div id="logo"> <img src="http://www.gsds.prv.pl/images/index_03.gif" alt="" /><img src="http://www.gsds.prv.pl/images/index_04.gif" alt="" /><img src="http://www.gsds.prv.pl/images/index_05.gif" alt="" /> </div> </div>

:)

@down: Znacznik <center> nie pomoże przy pozycjonowaniu absolutnym :P
Użytkownik DJ_ProG edytował ten post 31 październik 2007, 15:29
W body daj znacznik <center>.
On wyśrodkowuje całą stronę, ale nie wiem czy jest zgodny z XHTML(a w razie czego użyj CSS-a).
@DJ_ProG @edit:

Właśnie. Tylko zmiana wartości CSS lub znacznik center pomoże.

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.