Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css][html] Problem z przyleganiem div'a, Jak kilka pikseli moze zdenerwować :D
qba10
post
Post #1





Grupa: Zarejestrowani
Postów: 264
Pomógł: 20
Dołączył: 19.08.2007
Skąd: Bryńsk k. Lidzbarka Welskiego (nie mylić z Warmińskim)

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

Witam.
Mam problem z przyleganiem div'ow
Na IE (o dziwo) wszystko ok. Tym razem FF (tylko nie mowcie ze porawnym skrotem jest Fx (IMG:http://forum.php.pl/style_emoticons/default/haha.gif) ) zawiodło.
Ie:
http://fotoo.pl/hosting-zdjec/links/tag9/
FF:
http://fotoo.pl/hosting-zdjec/links/tag8/

Oto html i css:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
  2. <html>
  3. <head>
  4. <link rel="Stylesheet" type="text/css" href="style.css" />
  5.  
  6. </head>
  7. <body>
  8. <div id="top">
  9.     <div id="NAGLOWEK"><img src="grafika/top_.PNG" alt="twoj-slajd.pl" ></div>
  10.     <div id="border">
  11.  
  12.     <div id="MENU"><div class="button">Menu</div><div class="button">Menu</div></div>
  13.     <div id="TRESC">Treść strony</div>
  14.  
  15.     </div>
  16. </div>
  17. </body>
  18. </html>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. html, body {
  2.     background-color: #fff;
  3.     color: #000;
  4.     margin: 0;
  5.  
  6. }
  7.  
  8. #top {
  9.     width: 894px;
  10.     background-color: #fafafa;
  11.  
  12.  
  13.  
  14.  margin: 0 auto 0 auto;
  15. }
  16.  
  17. #NAGLOWEK {
  18.     width: 894px;
  19.  
  20. }
  21.  
  22.  
  23. #border {
  24.  
  25. background-image:  url(grafika/page_left.PNG) ;
  26. background-repeat:   no-repeat;
  27. background-position:  top left;
  28. overflow: hidden;
  29. }
  30. #MENU {
  31. background:  url(grafika/menu.PNG) no-repeat;
  32. margin-top:15px;
  33. margin-left: 12px;
  34. height: 581px;
  35. width: 146px;
  36.     float: left;
  37.     overflow: hidden;
  38.  
  39. }
  40.  
  41. #TRESC {
  42. background:  url(grafika/page.PNG) no-repeat;
  43.     height: 581px;
  44. width: 724px;
  45.     float: left;
  46.     overflow: hidden;
  47.     margin-left: 12px;
  48.     margin-top:15px;
  49. }
  50.  div.button
  51.  {
  52.  margin-left: 4px;
  53.  background:  url(grafika/button.png) no-repeat;
  54.  width: 137;
  55.  height: 35;
  56.  margin-top: 15px;
  57.  }
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Pilsener
post
Post #2





Grupa: Zarejestrowani
Postów: 1 590
Pomógł: 185
Dołączył: 19.04.2006
Skąd: Gdańsk

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

Z img-ami jest zawsze problem, dlatego stałe elementy lay'a wrzucamy jako background w css, imgi służą do wstawiania unikalnych obrazków do treści, a nie budowania lay'a. Spróbuj nadać imgom: position:relative lub float lub display:block - na forum już gdzieś był taki temat.
Go to the top of the page
+Quote Post

Posty w temacie
- qba10   [css][html] Problem z przyleganiem div'a   26.11.2008, 19:46:51
- - JoShiMa   1. Nie tak: [HTML] pobierz, plaintext <div id=...   27.11.2008, 10:56:58
- - qba10   Że nie pomogło, to na dodatek w IE po usunięciu te...   27.11.2008, 22:05:15
- - Pilsener   Z img-ami jest zawsze problem, dlatego stałe eleme...   28.11.2008, 08:25:08
- - pikasso   [HTML] pobierz, plaintext <div id="top...   28.11.2008, 10:39:07

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

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 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: 15.10.2025 - 14:13
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn