Forum PHP.pl > [xhtml] layout się rozwala pod transitional

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [xhtml] layout się rozwala pod transitional - przykład

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

dplus

20.08.2008, 17:31:14

Chcę osiągnąć jeden div w drugim z marginesem, oba wycentrowane po środku strony - efekt

Czyli robię margin auto, wsadzam je jeden w drugi, ustawiam marginy bottom, left i right na 10 i działa, ale tylko bez definicji DOCTYPE, gdy ją wstawię w FF wszystko się rozwala, auto centrowanie nie działa. Co dziwne pod IE wszystko działa czy z definicją czy bez - pewnie dlatego, że i tu i tu jest quirks mode. Nie wiem jak sprawdzić w jakim trybie renderuje IE.

[HTML] pobierz, plaintext 
<?xml version="1.0" encoding="utf-8"?>
 
<!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" xml:lang="pl" lang="pl">
 
<head>
		<title>Test</title>
		<meta http-equiv="Content-type" content="text/xhtml; charset=utf-8" />		
		<link rel="stylesheet" href="css/styl.css" type="text/css" media="all" />
		<style type="text/css" media="all">@import url("css/styl.css");</style>
 
</head>
<body>
 
 
 
 
 
<div style="position: absolute; width: 920; margin: auto 0;">
	<div style="float: left; height: 80%; width: 920; padding-left: 10; padding-right: 10; padding-bottom: 10; background-color: white;">
		<div style="float: left; width: 900; height: 75%; padding: 10; background-color: grey;"> test </div>
	</div>
</div>
 
 
 
 
</body>
</html>
[HTML] pobierz, plaintext

Kreton

21.08.2008, 14:02:21

IE renderuje w trybie zgodności wstecz, bo masz prolog XML, który właśnie powoduje tryb dziwactw w IE6. Jednak, gdy używasz UTF-8 albo UTF-16 prolog nie jest konieczny.

Co do pozycjonowania w pionie: http://perfectionorvanity.com/2006/04/19/w...trowaniu-w-css/

dplus

21.08.2008, 21:28:49

dzięki. dostaję już mętliku w głowie. zawsze to się dzieje gdy po raz kolejny podchodzę do divów i xhtml.
obecnie doszedłem do tego, że xhtml do niczego nie jest mi potrzebny i zadowolę się dobrym HTML 4.01 STRICT, a przynajmniej spróbuję.

Właściwie próba się nie udaje. Oto link: STRONA WWW

Na IE 6 strona wygląda PRAWIE idealnie - brakuje jej jedynie wycentrowania, a pod menu powstaje przerwa której nie chcę mieć :/
Na FF 3 strona się kaszani strasznie. właściwie trzeba tu zobaczyć bo nie da się opisać.
Powyższe są w quirks mode.

Gdy dodam DOCTYPE html 4.01 strict to dzieją się rzeczy te co powyżej + dolne divy pod menu rozszerzają się na całą szerokość strony jakby pomijały kompletnie atrybut width. STRONA WWW z DODANYM DOCTYPE HTML 4.01 STRICT (tylko strona główna - index2.php)

Najlepiej sprawdzić sobie oba linki pod IE i FF żeby wiedzieć o co chodzi.

Ktoś może mi udzielić wskazówek jak doprowadzić to do ładu?

marcim

1.09.2008, 11:01:34

Też dopier uczę się CSS, ale czy :

[HTML] pobierz, plaintext 
<div style="position: absolute; width: 920; margin: auto 0;">
[HTML] pobierz, plaintext

tak o:

[HTML] pobierz, plaintext 
<div style="width: 920px; margin: 0 auto;">
[HTML] pobierz, plaintext

żeby było wyśrodkowane? Marginesy auto dałeś górne o dolne w takim przypadku. I szerokość trzeba z jednostką jeszcze

Pozdrawiam

revyag

1.09.2008, 11:06:35

jw.

Wywal position absolute i po sprawie.

marcim

1.09.2008, 11:10:12

Już edytowałem posta ajćć

Ale jeszcze musisz wszędzie pododawać jednoski (w tym przypadku px).

dplus

2.09.2008, 19:46:08

dzięki. nie spodziewałem się, że po tak długim czasie uzyskam jeszcze odpowiedź

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.