Forum PHP.pl > UTF-8 i marginesy w DIVach

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: UTF-8 i marginesy w DIVach

Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML

Komiłaj

9.03.2012, 18:07:07

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 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html>
<head>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<title>szkielet</title>
<link rel="stylesheet" type="text/css" href="div.css" />
</head>
<body>
 
<div id="all">
	<div id="top">
	top
	</div>
	<div id="left" class="column">
		lewa	</div>
	<div id="cont" class="column">
		Rejestracja<br />
 
Taki teścik	</div>
	<div id="right" class="column">
		prawa	</div>
</div>
[HTML] pobierz, plaintext

div.css

[HTML] pobierz, plaintext 
body
	{
	margin: 0;
	}
 
div#all
	{
	width: 1000px;
	margin: auto;
	}
 
div#all .column
	{
	float: left;
	}
div#top
	{
	background: #DDDDDD;
	}
 
div#left
	{
	background: #BBBBBB;
	width: 23%;
	}
 
div#cont
	{
	background: #999999;
	width: 54%;
	}
 
div#right
	{
	background: #777777;
	width: 23%;
	}
[HTML] pobierz, plaintext

Jak usunąć domyślne marginesy w tych trzech divach?

by_ikar

9.03.2012, 18:27:08

Napisałeś to w taki sposób, że nie do końca rozumiem o co ci chodzi

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

Komiłaj

9.03.2012, 23:46:29

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ć.

mortus

10.03.2012, 00:08:02

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.

Komiłaj

10.03.2012, 19:58:22

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 (:

d3ut3r

10.03.2012, 20:05:46

skoro pliki masz w utf-8 co u Ciebie robi:

[HTML] pobierz, plaintext 
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
[HTML] pobierz, plaintext

Komiłaj

10.03.2012, 20:36:43

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.

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.