Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> UTF-8 i marginesy w DIVach
Komiłaj
post
Post #1





Grupa: Zarejestrowani
Postów: 31
Pomógł: 0
Dołączył: 10.12.2010

Ostrzeżenie: (0%)
-----

Witam.
Zaraz na początku brania się za nową stronę napotykam coś wkurzającego. http://screenshooter.net/7234211/Klpmu46_0..._2012__05_59_46 w ramkach lewa, rejestracja i prawa treść jest inkludowana przy pomocy require();, a w ramce top po prostu jest wpisane top.

Dodatkowo "Taki teścik" jest z bazy danych - kodowanie utf8_bin, a kodowanie wszystkich stron UTF-8

index.html
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  3. <html>
  4. <head>
  5. <META http-equiv=Content-Type content="text/html; charset=windows-1252">
  6. <title>szkielet</title>
  7. <link rel="stylesheet" type="text/css" href="div.css" />
  8. </head>
  9. <body>
  10.  
  11. <div id="all">
  12. 	<div id="top">
  13. 	top
  14. 	</div>
  15. 	<div id="left" class="column">
  16. 		lewa	</div>
  17. 	<div id="cont" class="column">
  18. 		Rejestracja<br />
  19.  
  20. Taki teścik	</div>
  21. 	<div id="right" class="column">
  22. 		prawa	</div>
  23. </div>
[HTML] pobierz, plaintext


div.css
[HTML] pobierz, plaintext 
  1. body
  2. 	{
  3. 	margin: 0;
  4. 	}
  5.  
  6. div#all
  7. 	{
  8. 	width: 1000px;
  9. 	margin: auto;
  10. 	}
  11.  
  12. div#all .column
  13. 	{
  14. 	float: left;
  15. 	}
  16. div#top
  17. 	{
  18. 	background: #DDDDDD;
  19. 	}
  20.  
  21. div#left
  22. 	{
  23. 	background: #BBBBBB;
  24. 	width: 23%;
  25. 	}
  26.  
  27. div#cont
  28. 	{
  29. 	background: #999999;
  30. 	width: 54%;
  31. 	}
  32.  
  33. div#right
  34. 	{
  35. 	background: #777777;
  36. 	width: 23%;
  37. 	}
[HTML] pobierz, plaintext


Jak usunąć domyślne marginesy w tych trzech divach?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 6)
by_ikar
post
Post #2





Grupa: Zarejestrowani
Postów: 1 798
Pomógł: 307
Dołączył: 13.05.2009
Skąd: Gubin/Wrocław

Ostrzeżenie: (0%)
-----

Napisałeś to w taki sposób, że nie do końca rozumiem o co ci chodzi wink.gif domyślam się, że chodzi o to żeby div#top miał podaną szerokość 1000px, i znajdował się na środku, a trzy bloki które masz pod spodem, żeby rozciągały się na całą stronę. W takim wypadku, musisz wyciągnąć te 3 divy, poza div#all, bo to on je ogranicza.

Zarówno utf, jak i marginesy, nie mają tutaj nic do rzeczy, to samo tyczy się kodowania, czy includowania plików, nie ma to nic do rzeczy wink.gif
Go to the top of the page
+Quote Post
Komiłaj
post
Post #3





Grupa: Zarejestrowani
Postów: 31
Pomógł: 0
Dołączył: 10.12.2010

Ostrzeżenie: (0%)
-----

Właśnie nie. To wszystko jest OK, tylko chodzi mi o nieprzewidziane marginesy wewnętrzne w trzech dolnych ramkach. Jak łatwo zauważyć są one większe niż w górnej, co jest niezamierzone i nie wiem jak tego uniknąc/jak temu zaradzić.
Go to the top of the page
+Quote Post
mortus
post
Post #4





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

Ostrzeżenie: (0%)
-----

Zmień kodowanie plików (nie strony HTML, a plików), które wstawiasz przy pomocy require na UTF-8 bez BOM (pomóc w tym może np. Notepad++). Elementy div nie mają domyślnych marginesów, zatem pozostaje kwestia kodowania.

Ten post edytował mortus 10.03.2012, 00:08:24
Go to the top of the page
+Quote Post
Komiłaj
post
Post #5





Grupa: Zarejestrowani
Postów: 31
Pomógł: 0
Dołączył: 10.12.2010

Ostrzeżenie: (0%)
-----

Właśnie celowo było z BOM, bo po konwersji na bez BOM dostaję http://screenshooter.net/7234211/Klpmu58_1..._2012__07_57_58 (pierwsza linijka polskich znaków z pliku, druga z bazy).\

///////////////////////////////////////////////////////////

Już ok. Index trzeba było na UTF-8, a tylko te wstawiane na bez BOM (:

Ten post edytował Komiłaj 10.03.2012, 20:03:56
Go to the top of the page
+Quote Post
d3ut3r
post
Post #6





Grupa: Zarejestrowani
Postów: 709
Pomógł: 176
Dołączył: 24.10.2010

Ostrzeżenie: (0%)
-----

skoro pliki masz w utf-8 co u Ciebie robi:
[HTML] pobierz, plaintext 
  1. <META http-equiv=Content-Type content="text/html; charset=windows-1252">
[HTML] pobierz, plaintext

smile.gif


--------------------
http://d3ut3r.wordpress.com/ | mysql_* jest przestarzałe UŻYWAJ PDO!
Go to the top of the page
+Quote Post
Komiłaj
post
Post #7





Grupa: Zarejestrowani
Postów: 31
Pomógł: 0
Dołączył: 10.12.2010

Ostrzeżenie: (0%)
-----

Dzięki. Nie chciało mi się pisać od początku, więc powiedziałem Notepadowi, żeby za mnie napisał tę górną część (:

//////////////////////////////////////////////

Po zmianie index.php na UTF-8 bez BOM też wszystko ok, o dziwo. Potrzebne było do sesji.

Ten post edytował Komiłaj 10.03.2012, 20:43:28
Go to the top of the page
+Quote Post
« Następny starszy · HTML \ XHTML · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 19.08.2025 - 17:56
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn