Zaloguj się

catalunya · 21-12-2012, 02:22

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

Morfeusz_2005 · 21-12-2012, 02:53

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

catalunya · 21-12-2012, 03:22

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.

**Kartofelek** · 21-12-2012, 04:10

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

catalunya · 21-12-2012, 13:45

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.

atp · (Ten post był ostatnio modyfikowany: 21-12-2012, 15:33 przez atp.)

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ć Tongue

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie