Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS]Niechciany odstęp między divami
topgear
post
Post #1





Grupa: Zarejestrowani
Postów: 39
Pomógł: 1
Dołączył: 23.04.2009

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

Witam
Napotkałem pewien problem przy robieniu strony a mianowicie między divami jest odstęp wygląda to tak(chodzi mi o ten odstęp między tym żółtym prostokątem a tą belką) I teraz pytanie jak go zlikwidować. W internecie znalazłem kilka sposobów ale niestety żaden nie działał (IMG:style_emoticons/default/sadsmiley02.gif)
(IMG:http://img176.imageshack.us/img176/6499/belka.jpg)

index.html
[HTML] pobierz, plaintext 
  1. <body>
  2. <div id="banner">
  3.   <div id="banner_obr">
  4.     <span><img src="images/images/v02_03.jpg" width="990" height="207" alt="banner" /></span>  </div> 
  5.     <div id="menu"></div>
  6.  
  7. </div>
  8. </body>
[HTML] pobierz, plaintext


style.css 
[HTML] pobierz, plaintext 
  1. #banner {
  2. 	display : block;
  3. 	padding: 0;
  4.     margin: 0;
  5.     border:0;
  6. 	background-image: url(images/images/v02_01.jpg);
  7. }
  8.  
  9.  
  10.  
  11. #banner_obr {
  12. 	display : block;
  13. 	padding: 0;
  14. 	width: 990px;
  15. 	height: 226px;
  16. 	margin-top: 0;
  17. 	margin-right: auto;
  18. 	margin-bottom: 0;
  19. 	margin-left: auto;
  20. }
  21. #menu {
  22. 	display : block;
  23. 	padding: 0;
  24. 	border:0;
  25. 	background-image: url(images/images/v02_05.jpg);
  26. 	background-repeat: repeat-x;
  27. 	width: 990px;
  28. 	height: 50px;
  29. 	margin-right: auto;
  30. 	margin-left: auto;
  31. }
[HTML] pobierz, plaintext

Go to the top of the page
+Quote Post
xbigos
post
Post #2





Grupa: Zarejestrowani
Postów: 239
Pomógł: 27
Dołączył: 13.07.2005
Skąd: Jarocin

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

zsumuj sobie height w css.
a poza tym ja w css zawsze dodaje sobie background-position:

Ten post edytował xbigos 9.04.2010, 22:14:59
Go to the top of the page
+Quote Post
topgear
post
Post #3





Grupa: Zarejestrowani
Postów: 39
Pomógł: 1
Dołączył: 23.04.2009

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

Pod Google Chrom teraz działa dobrze, pod firefoxem dobrze, ale pod IE7 jest jeszcze ok 0.5 cm odstępu
Go to the top of the page
+Quote Post
xbigos
post
Post #4





Grupa: Zarejestrowani
Postów: 239
Pomógł: 27
Dołączył: 13.07.2005
Skąd: Jarocin

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

komentarz waruknowy IF IE7 poczytaj u wuja google. zmienejsz sobie w komentarzu warunkowym wartość height. Mało estetyczne ale najprostsze.
Go to the top of the page
+Quote Post
topgear
post
Post #5





Grupa: Zarejestrowani
Postów: 39
Pomógł: 1
Dołączył: 23.04.2009

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

O komentarzach warunkowych znalazłem cos takiego tylko to niestety nie działa pod każdą przeglądarką pokazuje się ten napis
[HTML] pobierz, plaintext 
  1. <![if !IE]>jakis kod<![endif]>
[HTML] pobierz, plaintext


Spróbowałem więc zmniejszyć dla wszystkich przeglądarek wartość height do 200 i wygląda to tak
Firefox
(IMG:http://img265.imageshack.us/img265/2947/firef.jpg)

IE
(IMG:http://img352.imageshack.us/img352/5949/90703711.jpg)
Go to the top of the page
+Quote Post
xbigos
post
Post #6





Grupa: Zarejestrowani
Postów: 239
Pomógł: 27
Dołączył: 13.07.2005
Skąd: Jarocin

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

[HTML] pobierz, plaintext 
  1. <!--[if IE]>
  2. <style type="text/css">
  3. #baner_obr{
  4. height: ta wartosc bedzie dla IE;
  5. }
  6. #menu{
  7. height: ta wartosc bedzie dla IE;
  8. </style>
  9. <![endif]-->
[HTML] pobierz, plaintext

Pamietaj żeby dać to za wszystkimi deklaracjami stylów w kodzie w sekcji head.

EDIT:
BTW: ten komentarz który podałeś zadziała dla przeglądarek NIE BĘDĄCYCH IE.

Ten post edytował xbigos 9.04.2010, 22:55:32
Go to the top of the page
+Quote Post
« 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: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

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

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