Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [php/css] Problem z include;
Forum PHP.pl > Forum > Przedszkole
wht
15.01.2007, 21:52:34
Witam ponownie mam problem ze wstawniem pliku php (strona), ale żeby znalazł się w obrębie znacznika div. IE7 robi to poprawnie, ale FireFox i Opera już, wwalają poza znacznik div. Dla sprawdzenia wkleiłem kod w miejsce include i działa. Co jest nie tak.

Przykładowo

Kod
<div class="cos">
...
jakiś kod
...
<?php
include $_file;
?>

</div>
kornel-php
15.01.2007, 22:38:07
Problem może być spowodowany tym, że includujesz plik zawierający tabelę, wtedy wszystko się rozjeżdża.
Przerabiałem to już kiedyś...

Wystarczyło "chwycić" includowany plik w jeszcze jedne div'y i było OK...
wht
15.01.2007, 23:03:11
Pokręciłem trochę w tym i okazuje się, że jedynie poprawnie działa FF, znacznik obszedłem, poprostu wrzuciem go drugi raz w pliku dołączanym. Problem polega na tym, że IE i Opera robi margines około 20px. Już powoli głupieje wie może ktoś co się może dziać i dlaczego wywala mi ten margines?
PS. złapanie go jeszcze raz w divy załatwia sprawę w FF i Operze a IE przesuwa.
Oto CSS

Kod
body { margin: 0px; padding:0px; background: url(../_image/grey.gif)
top center repeat-y; }
.container-1 {clear:both; width:800px; margin:0px auto; padding:0px;  border: #000000 1px solid;
height: 227px;}
.logoae {width: 141px;  height: 50px; background: url(../_image/aegon.gif) no-repeat; padding:0px; position: absolute;margin-top:3px;}

.img-header { margin: 0px; float:left; height:199px; width:800px;
clear: both; float: left; position: static;}




.buffer {clear: both; width: 800px; height: 30px; margin: 0px; padding:0px;
}

.menu { clear:both; margin: 0px auto; padding:0px;  font-family: verdana; height:20px;
font-size: 12px; border-bottom: 4px  #007ac2 solid;
border-top: 4px  #ff0000 solid; background-color:#000000;}
.menu ul {float: left; width: 800px; margin: 0px auto; padding: 0px; }
.menu li {display: inline; list-style: none; margin: 0px; padding: 0px;line-height: 20px;}
.menu  li a { float: left; margin-right:2px; display: block;
background: #000000; border-left: 1px dashed  #ffffff;
color: #ffffff; text-decoration:none; padding: 0px 3px 0px 3px;}
.menu  a:hover { background-color: #ffffff; display: block;
border-left: 1px dashed  #000000; color: #000000;
text-decoration: underline; padding: 0px 3px 0px 3px; }





.lmenu { overflow:hidden; clear:both; float:left; width: 180px; min-height:450px;
margin:0px; padding:0px;font-family: verdana;font-size: 12px;}
.lmenu ul{ float:left; width: 180px; margin: 0px; padding: 0px; background-color:
#ffffff;}
.lmenu li {background-color:#8e8e8e text-transform: uppercase; color: #ffffff;
   text-decoration: none; list-style: none; margin: 0px; padding: 0px; }
.lmenu li a{ display: block; height:auto; text-decoration: none;
color:#ffffff; border-left:  #ff0000 3px solid;
font-size: 12px;padding-left: 3px; margin-bottom: 3px; background-color: #007ac2;}
.lmenu a:hover{ text-decoration: none; color:#ff0000; border-left: #007ac2 3px solid;
padding-left: 3px; margin-bottom: 3px;background-color: #ffffff;}
kornel-php
16.01.2007, 09:00:37
W IE zawsze były problemy z CSSem...

Najlepiej zrób formatowanie w HTMLu zamiast w CSS tongue.gif

Nie będzie to pięknie, ale każda przeglądarka sobie z tym poradzi winksmiley.jpg
revyag
16.01.2007, 09:18:18
Cytat
Najlepiej zrób formatowanie w HTMLu zamiast w CSS. IE zawsze były problemy z CSSem...

Polecam zająć się mniej stresującym zajęciem niż tworzenie stron przy użyciu css (np. wędkarstwem) snitch.gif
A tak poważniej, każdy problem da się rozwiązać.

@wht - bez podania kodu html do tego css dużo nie można pomóc, ale od razu widać że robisz masę błędów. Np.
- po co clear:both dla containera ?
- position: absolute; dla .logoae ?
- style dla .img-header to jakaś porażka
- walisz clear:both gdzie popadnie, jaki masz ku temu cel ?
- brakuje Ci średnika w jednym miejscu

I na przyszłość podawaj css w postaci jako tako sformatowanej, bo nikomu nie chce czytać się takiego zlepku kodu.
wht
16.01.2007, 15:07:06
Cytat
- style dla .img-header to jakaś porażka


Chciałem Cię poinformować, że możliwe jest to porażka, ale tylko w ten sposób obrazek siedzi tam gdzie chce w IE FF i OPERA, próbowałem wielu żeczy ta się udała.

Zgadza się css piszę bardzo niechlujnie i często wwalam rzeczy których nie potrzeba, dopiero się uczę.

Cytat
W IE zawsze były problemy z CSSem...

Najlepiej zrób formatowanie w HTMLu zamiast w CSS

Nie będzie to pięknie, ale każda przeglądarka sobie z tym poradzi


Dziękuje nie skorzystam, nie chodzi o łatwizne, tylko chceby, aby to wyglądało jakoś, a poztym mamy już 2007 rok tongue.gif HTML to jakieś lata dziewięćdziesiąte.


I może mi ktoś odpowie dlaczego IE7 robi jakieś marginesy górne pod container-1 (jakieś 20px), skoro ani nie są ustawione ani nic. W operze i FF zrobiłem to co chciałem.
revyag
16.01.2007, 16:05:38
Napisałem Ci. Pokaż kod html który tym css'em formatujesz.
Zobacz co napisałeś, dwa razy float:left,clear:both,position:static, dalej uważasz że wszystko jest ok ? Poczytaj co każdy style robi i w jakich sytuacjach się je stosuje.
wht
17.01.2007, 17:55:03
]OK doszedłem co powoduje ten odstęp:
Są to kody od strony przeglądarki.

FF i Opera Poprawnie, w IE w miejscu które zaznaczyłem pojawia sie prostkoąt. Możliwe, że enter, ale dlaczego? I jeszcze jedno jest miejsce w którym zaczyna sie include().

[HTML] pobierz, plaintext 
  1. <div class="container-1">
  2. 	<div class="logoae"></div>
  3.  
  4.  
  5. 	<div><img class="img-header" src="_image/baner.jpg" alt="" /></div>
  6.  
  7.  
  8.  
  9.  	<div class="menu">
  10. 			<ul>
  11. 			<li><a href="index.php?_page=main">Strona główna</a></li>
  12. 			<li><a href="#">Oferta Programów Inwestycyjnych</a></li>
  13. 			<li><a href="#">Fundusze Inwestycjne</a></li>
  14. 			<li><a href="#">O Aegon</a></li>
  15. 			<li><a href="#">Pytania i odpowiedzi</a></li>
  16. 			<li><a href="#">O mnie</a></li>
  17. 		</ul>
  18. 	</div> 
  19.  
  20.  
  21.  
  22.  
  23. </div> 
  24. <div class="buffer"></div>
  25. <div class="container-2" >
  26. --->TU<html>
  27. <head>
  28. <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  29. <meta http-equiv="Content-Language" content="pl" />
  30. <meta name="keywords" content="" />
  31. <meta name="description" content="" />
  32. <link rel="stylesheet" type="text/css" href="_style/default.css"/>
  33.  
  34. </head>
  35.  
  36. <body>
  37.  
  38. 			<div class="lmenu">
  39. 				<ul>
  40. 				<li><a href="">Dlaczego warto?</a></li>
  41. 				<li><a href="">Pewna i efektywna inwestycja</a></li>
  42. 				<li><a href="">Jak działają nasze programy inwestycyjne</a></li>
  43. 				<li><a href="">Sprawdź naszą ofertę</a></li>
  44. 				<li><a href="">Dla kogo jest oferta?</a></li>
  45. 				</ul>
  46. 			</div>
  47.  
  48.  
  49.  
  50. </body>
  51. </html>
  52. </div>		
  53. </body>
[HTML] pobierz, plaintext


Podobny problem TUTAJ Tu też pokazany jest ten prostokąt.
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.