Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Wiele problemów CSS
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Master Miko
Oto strona w której występują błędy:

Strona

i plik CSS:

Css

1.Mam taki problem. Wyśrodkowanie wszystkiego w IE działa. W FF nie działa.

2.Dodatkowo:

nie wiem gdzie jest błąd:

http://validator.w3.org/check?uri=http%3A%...m%2Fstrefa24%2F

3.Jak rozdzielić w dolnym divie: (dzisiaj jest i login)na lewo i na prawo?? Same polecenia align left i right nie działają...

proszę o pomoc... :/
Zajec
Nie widzę nic, co kazałoby blokowi .bgtable wyśrodkować się w poziomie. Zamień mu
Kod
margin: 5px 5px 5px 5px;
na
Kod
margin: 5px auto 5px auto;



Ad.2:
Całą zawartość <form> ujmij w dodatkowy <div />
Master Miko
ok dzięki spróbuje.
060156
Czesc,
Fakt sa problemy z FF i Opera w przypadku pozycjonowania
stron kiedy masz w div table.
Polega to na tym ze div nie resize sie na pdostawie rozmiaru tablicy.
Bardzo to utrudnia zycie przy pozycjonowaniu tablic w diva ktore maja
zmiennych rozmiar ..
Podejscia sa dwa:

1) ustal szerokosc div-a i szerokosc tablicy na 100%
2) lub uzyj tagu <center></center>
E-d
<center> nie jest zgodne z XHTML'em
Zajec
Cytat(060156 @ 2006-04-26 00:38:06)
Czesc,
Fakt sa problemy z FF i Opera w przypadku pozycjonowania
stron kiedy masz w div table.
Polega to na tym ze div nie resize sie na pdostawie rozmiaru tablicy.
Bardzo to utrudnia zycie przy pozycjonowaniu tablic w diva ktore maja
zmiennych rozmiar ..
Podejscia sa dwa:

1) ustal szerokosc div-a i szerokosc tablicy na 100%
2) lub uzyj tagu <center></center>

Twój polski coś kuleje, więc nie rozumiem do końca, co napisałeś, ale na pewno nie zgodzę się ze zdaniem:
Cytat(060156)
Fakt sa problemy z FF i Opera w przypadku pozycjonowania
stron kiedy masz w div table.


Problemy może mieć co najwyżej osoba, która nie odróżnia elementów blokowych od elementów liniowych.

1) Centrowanie div'a w poziomie:
Należy przypisać mu margines lewy i margines prawy "auto". Już. Koniec. Gotowe.

2) Centrowanie tabelki w poziomie (wewnątrz div'a, lub nie)
a) Można przypisać jej align="center"
b) Można przypisać jej marginesy (lewy, prawy) na "auto"

Dla mnie wszystko proste i logiczne.
Master Miko
Dzięki Zajec, widzać, że znasz się na CSSie smile.gif

dopisałem auto i auto i działa bardzo dobrze...

No i kolejny problem.. na samym dole znajduje się formularz.

Dałem tam class="left" i right, gdzie:

.left {text-align: left; display:inline;}
.right {text-align: right; display:inline;}

no i jest problem. Bo jeśli nie dam inline... tworzy się break i widać odstęp jednego entera. Natomiast jak się da inline, przestaje dziłać align. Tu też nalęzy zastosować marginy?
Zajec
Zamieniłeś te div'y na liniowe, więc automatycznie nie mają szerokości 100% (nie mogą mieć), a tekst można wyrównywać tylko w elementach blokowych.


Czy Tobie nie chodzi czasem o coś takiego:
  1. <div class="maintable">
  2.      <div style="float: left;">Dziś: <i>2006-04-26 19:43</i></div>
  3.  
  4.      <div style="float: right;">
  5.      <form action="/strefa24/index.php?action=login" method="post">Zaloguj <input type="password" name="pass"><input type="submit" name="submit" value="Ok"></form>
  6.      </div>
  7.  
  8.      <br clear="both">
  9. </div>
Master Miko
Bardzo serdecznie dziękuję Ci za pomoc i uwagi, które okazały się trafne i ogólnie działają biggrin.gif

Pozostaje tylko problem formularza który... .... jest uzawany za ZŁY w strict 4.1
Zajec
Cytat(Master Miko @ 2006-04-26 19:36:49)
Pozostaje tylko problem formularza który... .... jest uzawany za ZŁY w strict 4.1

Dwie podstawowe możliwości (pierwsza chyba poprawniejsza semantycznie):
  1. <form action="x" method="y"><fieldset>
  2. (...)
  1. <form action="x" method="y"><div>
  2. (...)
  3. </div></form>


Jak nie będą Ci się podobało jakieś domyślne obramowania fieldset'u to po prostu sformatuj to w CSS:
Kod
fieldset { border: 0; }



P.S.
Zamiast takiego czegoś:
Kod
<p><br><br><br></p>
zrób po prostu w CSS
Kod
body { margin: 50px 0 0 0; }
Master Miko
OMG!! Zawsze myślałem że znaczniki mają okalać FORM a nie w nich się znajdować!!

Okropne dzięki. Działa wszystko pięknie jak powinno biggrin.gif biggrin.gif

ps. Dzięki za <br><br><br> - miałem się za to wziąć... smile.gif
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.