Skocz do zawartości

Co mam źle na stronie?


Gość

Rekomendowane odpowiedzi

Kod:

<html>
<head>
</head>
<style>
#wrapper {width: 600px; margin: 0 auto;}
</style>
<body>
 <div id="wrapper">
	  <p>Ten div pojawi się napewno po środku</p>
 </div>
</body>
</html>

u mnie nie działa ani na IE7 ani na IE6 w maszynie wirtualnej... no chyba, że Ty dodajesz jeszcze jakieś nagłówki w PHP...

Ale to nie może nie działać :|

https://digibird.eu/ - sprawdź kod!

Odnośnik do komentarza
Udostępnij na innych stronach

  • Odpowiedzi 48
  • Dodano
  • Ostatniej odpowiedzi
OK u mnie jest na środku w FF3, najnowszej operze, IE7 i IE6 więc chyba problem rozwiązany?

Strona jest na środku, ale treści pod pomarańczowymi blokami i zielonymi też... jak zrobić by te treści były do lewej?

Co do loga, w których wersjach występuje ten błąd? U mnie na IE7 jest dobrze.

ps. zobacz czy dobrze dodałem ten kod

Odnośnik do komentarza
Udostępnij na innych stronach

1. Logo jest w png z przeźroczystym tłem - przeźroczyste tło w png nie działa natywnie w IE 6.0

2. Kod tej strony to sieczka :/

3.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en">

Pan raczy Sobie żartować? - zmień to chociaż na HTML 4.01

3. Zamknij całość kodu w divie:

<div style="width: 800px; margin: 0 auto; padding: 0;>
tutaj cały Twój kod (od  <div id="top"> do ostatniego </div> )
</div>

To sprawi, że cały content będzie na środku okna przeglądarki.

Coś jeszcze ?

Odnośnik do komentarza
Udostępnij na innych stronach

Kod:

...

u mnie nie działa ani na IE7 ani na IE6 w maszynie wirtualnej... no chyba, że Ty dodajesz jeszcze jakieś nagłówki w PHP...

Ale to nie może nie działać :|

https://digibird.eu/ - sprawdź kod!

Działa, ale tylko przy założeniu, że ktoś używa HTMLa (tego nawet nie brałem pod uwagę, bo od lat używam XHTMLa). Jeśli dokument wygląda tak:

<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html 
 PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Mój kod musi działać!</title>
</head>
<style>
	body, * {margin: 0; padding: 0;}
	#wrapper {width: 600px; margin: 0 auto; background: gray; height: 300px;}
	p {text-align: center;}
</style>
<body>
	<div id="wrapper">
		<p>Ten div pojawi się napewno po środku - ten tekst zresztą też</p>
	</div>
</body>
</html>

to już nie zadziała (przynajmniej nie w IE6) ...

Skuteczne pozycjonowanie stron www | Nowe randki internetowe

Odnośnik do komentarza
Udostępnij na innych stronach

cały content będzie na środku okna przeglądarki.

Treść ma być do lewej strony, wyjątkiem jest 5 bloków zielony po prawej w których jest dane <center>

do XHTMLa to mu daleko.

Pozmieniam <br> i <br/> i będzie ok? =]

Odnośnik do komentarza
Udostępnij na innych stronach

w testowej wersji masz błąd na samym początku

<div style="width: 800px; margin: 0 auto; padding: 0;>

nie zamknąłeś styli...

Co do wyrównania treści w box'ach do lewej zobacz czy coś takiego pomoże:

#main { text-align: left; }

albo

.block { text-align: left; }

albo

dla każdego bloku w którym tekst chcesz do lewej daj nową klasę np tak

<div class="block left">

a w stylach wtedy:

.left { text-align: left; }

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.

×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności