[php/css] Problem z include; Opcje

[wht]

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>

Ten post edytował wht 15.01.2007, 22:30:18

[kornel-php]

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]

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]

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

[revyag]

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)
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]

- 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ę.

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 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.

Ten post edytował wht 16.01.2007, 15:09:49

[revyag]

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]

]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 
<div class="container-1">
	<div class="logoae"></div>
 
 
	<div><img class="img-header" src="_image/baner.jpg" alt="" /></div>
 
 
 
 	<div class="menu">
			<ul>
			<li><a href="index.php?_page=main">Strona główna</a></li>
			<li><a href="#">Oferta Programów Inwestycyjnych</a></li>
			<li><a href="#">Fundusze Inwestycjne</a></li>
			<li><a href="#">O Aegon</a></li>
			<li><a href="#">Pytania i odpowiedzi</a></li>
			<li><a href="#">O mnie</a></li>
		</ul>
	</div> 
 
 
 
 
</div> 
<div class="buffer"></div>
<div class="container-2" >
--->TU<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="pl" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="_style/default.css"/>
 
</head>
 
<body>
 
			<div class="lmenu">
				<ul>
				<li><a href="">Dlaczego warto?</a></li>
				<li><a href="">Pewna i efektywna inwestycja</a></li>
				<li><a href="">Jak działają nasze programy inwestycyjne</a></li>
				<li><a href="">Sprawdź naszą ofertę</a></li>
				<li><a href="">Dla kogo jest oferta?</a></li>
				</ul>
			</div>
 
 
 
</body>
</html>
</div>		
</body>
[HTML] pobierz, plaintext 

Podobny problem TUTAJ Tu też pokazany jest ten prostokąt.

Ten post edytował wht 17.01.2007, 18:05:21