Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: zagnieżdżanie div'ów i firefox
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
stasiu_stefan
Cześć
Widzę, że niejedyny mam podobny problem, ale dokładnie takiego samego przypadku nie upadło mi się spotkać. Otóż porównajcie screeny
Firefox: http://link.imgshare.us/23jTKI
Opera i IE (bo wyświetla prawie tak samo): http://link.imgshare.us/23jTdD

Nie wiem dlaczego zaburzona jest hierarchia div'ów. A może nie? Jesteście w stanie wyjaśnić o co chodzi?

Sekcja BODY:
  1. <div id="toppanel">
  2. <div id="topcorner"></div>
  3. <div id="top">d.s</div>
  4. </div>
  5.  
  6. <div id="main2">nbvxnx
  7.  
  8. <div id="leftpanel">
  9. ngfugbugdfgfd vggdfgsigdf gdfjg dfig dfgdjgh dfgnsg dv dg dubdfjkvdfuig duigdf guidfuig<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  10. </div>
  11. <div id="text">tu bedzie zawartosc hej<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></div>
  12.  
  13. </div>


i CSS
  1. BODY
  2. {
  3. font: Verdana Geneva Arial Helvetica sans-serif;
  4. color: #330000;
  5. }
  6. div
  7. {
  8. background-color: #AEA59E;
  9. }
  10. #main2
  11. {
  12. width: 900px;
  13. background-color: #00ff00;
  14. border: dotted;
  15. }
  16. #toppanel
  17. {
  18. width: 900px;
  19. }
  20. #topcorner
  21. {
  22. background: url(monster3.jpg);
  23. width: 150px;
  24. height: 99px;
  25. float: left;
  26. }
  27. #top
  28. {
  29. background: url(top.jpg);
  30. width: 750px;
  31. float: left;
  32. height: 99px;
  33. text-align: right;
  34. vertical-align: text-bottom;
  35. }
  36. #leftpanel
  37. {
  38. background: url(right.jpg);
  39. width: 150px;
  40. height: 99px;
  41. float: left;
  42. }
  43. #text
  44. {
  45. background: #AEA59E;
  46. width: 700px;
  47. float: left;
  48. vertical-align: top;
  49. }

Przy czym zielony obramowany to main2

edit: linki naprawione
koderrr
linki sa martwe
nevt
Forbidden
You don't have permission to access /dstasiak/1.jpg on this server.
stasiu_stefan
linki naprawione, problem zostal
nevt
dodaj do css:
Kod
#toppanel { float: left; }
#main2 { float: left; clear: both }

a tak przy okazji - to właśnie FF jako jedyny z tej trójcy wyświetlał tą stronkę właściwie... (czyli dokładnie tak, jak ostylowałeś)
stasiu_stefan
szczerze mowiac srednio wiem co to robi ale dziala. ale ok przeszedlem dalej i probuje usuwac kolejne bledy. jakos brne do przodu. BTW dobre jest to forum, kupe odpowiedzi znajduje smile.gif pewnie sie jeszcze z czyms zglosze
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.