Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML]Proste pytanie o divy, wyrownanie pionowe tla, multimedialny topic, obrazki, linki itp ;)
uglukha
post
Post #1





Grupa: Zarejestrowani
Postów: 110
Pomógł: 0
Dołączył: 5.05.2008

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

Witam,
mam proste pytanko, zrobilem nawet przyklady zeby bylo lepiej widac o co chodzi. Co zrobic aby tlo bylo wyswietlane w firefox bez ustalania sztywnych wysykosci dla divow?

Przyklad 1
strona:
http://uglukha.webpark.pl/

w ie6 jest dobrze, o to chodzi:
(IMG:http://uglukha.webpark.pl/ie-przyklad1.gif)

a ff wyglada to tak: ;/
(IMG:http://uglukha.webpark.pl/ff-przyklad1.gif)


kod:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. 	<title>Divy, css i html</title>
  5. 	<meta http-equiv="content-type" content="text/html; charset=utf-8">
  6. 	<style>
  7. 		#contener { 
  8. 		width: 900px; background: url('bg.gif') repeat;
  9. 		}	
  10.  
  11. 		#menu { 
  12. 		float: left; width: 200px;
  13. 		}
  14.  
  15. 		#tresc { 
  16. 		float: right; width: 700px;
  17. 		}
  18. 	</style>
  19. </head>
  20. <body>
  21. 	<center>
  22. 		<div id="contener">
  23. 			<div id="menu">
  24. 				<p>tu jest sobie menu...</p>
  25. 			</div>
  26. 			<div id="tresc">
  27. 				<p>a tu jest sobie tresc...</p>
  28. 			</div>
  29. 		</div>
  30. 	</center>
  31. </body>
  32. </html>
[HTML] pobierz, plaintext


Przyklad2
probowalem tez tak:

strona:
http://uglukha.webpark.pl/index2.html

w ie6 znowu jest dobrze, o to chodzi:
(IMG:http://uglukha.webpark.pl/ie-przyklad2.gif)

a ff wyglada to tak: ;/
(IMG:http://uglukha.webpark.pl/ff-przyklad2.gif)

kod:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. 	<title>Divy, css i html</title>
  5. 	<meta http-equiv="content-type" content="text/html; charset=utf-8">
  6. 	<style>
  7. 		#contener { 
  8. 		width: 600px; background: url('bg.gif') repeat;
  9. 		}	
  10.  
  11. 		#menu { 
  12. 		float: left; width: 150px; background: url('bg.gif') repeat;
  13. 		}
  14.  
  15. 		#tresc { 
  16. 		float: right; width: 450px; background: url('bg.gif') repeat;
  17. 		}
  18. 	</style>
  19. </head>
  20. <body>
  21. 	<center>
  22. 		<div id="contener">
  23. 			<div id="menu">
  24. 				<p>...</p>
  25. 			</div>
  26. 			<div id="tresc">
  27. 				<p>a tu jest sobie tresc...</p>
  28. 			</div>
  29. 		</div>
  30. 	</center>
  31. </body>
  32. </html>
[HTML] pobierz, plaintext


Jesli dodam do contenera height to pojawia sie tlo i w firefox poprawnie, tyle ze wiaze sie to z podaniem konkretnej wysokosci, a strona bedzie miala rozne wysokosci w zaleznosci od podstrony, rowniez czasem div "menu" bedzie dluzszy niz "tresc" a czasem odwrotnie. Wiec nie moge zastosowac stalej height. Jak rozwiazac ten problem? Jakies pomysly?

Z gory dziekuje za wszelka pomoc,
pozdrawiam!
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
zelu
post
Post #2





Grupa: Zarejestrowani
Postów: 229
Pomógł: 34
Dołączył: 7.12.2008
Skąd: Poznań

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

Przede wszystkim usuń ten znacznik <center>, bo od ustalania pozycji elementów na stronie są CSSy (IMG:style_emoticons/default/winksmiley.jpg) Poczytaj lepiej o margin: 0px auto;

A co do problemu: Oba divy z treścią są u Ciebie floatowane, co znaczy, że wypadają z ogólnej struktury dokumentu. Radze doczytać jakie są konsekwencje floatowania (IMG:style_emoticons/default/smile.gif)

I dodaj

[HTML] pobierz, plaintext 
  1. <div style="clear: both;"></div>
[HTML] pobierz, plaintext


zaraz za divem o id="tresc". Powinno pomóc


Pozdrawiam

Ten post edytował zelu 30.07.2010, 07:31:51
Go to the top of the page
+Quote Post

Posty w temacie
- uglukha   [CSS][HTML]Proste pytanie o divy, wyrownanie pionowe tla   30.07.2010, 07:23:57
- - zelu   Przede wszystkim usuń ten znacznik <center>,...   30.07.2010, 07:30:10
- - uglukha   hej, dzieki za szybka odpowiedz, racja z tym cente...   30.07.2010, 07:51:00
- - zelu   daj dla elementu body text-align: center, a poznie...   30.07.2010, 07:56:48
- - uglukha   Wielkie dzieki, pomoglo! text-align itd to juz...   30.07.2010, 08:10:41

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

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