+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Css działa tylko na... IE (/thread-css-dziala-tylko-na-ie)
Css działa tylko na... IE - catalunya - 21-12-2012
Witam, mam problem.
Zbudowałam stronkę na divach w cssie, porozmieszczałam divy w divach jednak... CSS działa tylko w przeglądarce Internet Explorer.
Pod firefoxem i chrome divy są jeden pod drugim.
Kod css:
Kod:
.Top{
text-align: center;
margin: 0 auto;
width: 1024px;
}
.Con{
text-align: center;
margin: 0 auto;
width: 1024px;
}
.Stopka{
text-align: center;
margin: 0 auto;
width: 1024px;
}
#1{
position:absolute;
left:0px;
top:0px;
text-align:center;}
#2{
position:absolute;
left:370px;
top:0px;}
#3{
position:absolute;
left:727px;
top:201px;}I kod ze strony głównej:
Kod:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link href="styl.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="Top">
<?php include ("head.php"); ?>
</div>
<div class="Con">
<?php include ("content.php"); ?>
</div>
<div class="Stopka">
<?php include ("foot.php"); ?>
</div>
</body>
</html>Kombinowałam już z nadawaniem każdemu divowi wysokości i szerokości ale nie działa nadal...
Do tego jeszcze problem z wyśrodkowaniem.
O ile w chrome i firefoxie strona jest wyśrodkowana, w IE jest po lewej stronie.
Pomoże ktoś? :c
RE: Css działa tylko na... IE - Morfeusz_2005 - 21-12-2012
Ustaw jeszcze float: left i teoretycznie powinno działać. Małą rada. Najpierw dopasuj stronę do Firefox, Opera, Chrome, a potem męcz się z IE (najlepiej osobny plik css i warunek).
RE: Css działa tylko na... IE - catalunya - 21-12-2012
Nie działa nadal :/
Nagłówek wyrównuje się tylko do lewej.
Sprawdzam tak jak mówisz, w IE tylko czasem. Sęk właśnie w tym, że pod Firefoxa nie da się tego dopasować... A pod IE działa tak, jak chciałam, prócz tego wycentrowania właśnie.
RE: Css działa tylko na... IE - Kartofelek - 21-12-2012
Co to w ogóle za nazwy dla divow. Semantyka leży pełną gębą. Masz nazywać divy logicznie, bo inaczej tak czy siak robisz zupę tagową.
Nie dziwię się, że jest jeden pod drugim. Przecież nie dałeś ani float:left, ani display:inline-block; równocześnie dając szerokości po 1024px. Żeby to leżało obok siebie musiał byś to wyświetlić na min 2048, co jest zupełnie nie praktyczne.
Margin 0 auto działa wszędzie oprócz < ie6
RE: Css działa tylko na... IE - catalunya - 21-12-2012
Konkretnie gdzie mam to powrzucać? Top, con i stopka to pudełka na trzy części strony, 1,2,3 to elementy występujące w 'Top", dalej jest tego więcej.
RE: Css działa tylko na... IE - atp - 21-12-2012
Przede wszystkim według specyfikacji "id" ani "class" nie może zaczynać się od cyfry więc te trzy div'y (#1, #2, #3) Ci nie będą śmigać na normalnych przeglądarkach ...
Druga sprawa że nie masz wpisanego DOCTYPE więc "margin:0 auto;" w IE nie zadziała ponieważ śmiga ono w tzw. "Quirks mode" ...
Po trzecie "Top", "Con" i "Stopka" zawierają to samo więc można to umieścić pod jedną klasą np. "test" i dalej dawać w ten sposób
Kod:
class="test Top trzecia-klasa"...a tak w ogóle to nie wiem co chcesz zrobić
