Forum PHP.pl > [css] Co zrobić, gdy pod IE marginesy nie działają

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [css] Co zrobić, gdy pod IE marginesy nie działają

poxrimex

9.02.2008, 22:55:04

Witam!

Mam problem, gdyż marginesów o atrybucie auto nie interpretuje szanowna przeglądarka INTERNET EXPLORER,
jeżeli dam np: margin-left: 100px; a margin-right: auto; to działa, tylko, że wtedy są lekkie nieudogonienia dla
użytkowników ekranów o niskich rozdzielczościach

Pozdrawiam

mike

9.02.2008, 22:58:04

Domyślam się, że chcesz wycentrować całą stronę (lub jakiś obiekt)?

poxrimex

9.02.2008, 23:01:44

tak, chodzi o wyśrodkowanie, div ma 800px szerokości, mogę dać tam jako margin-left 240px ( (1280 - 800) / 2 ), ale wtedy zakładam że użytkownik ma rozdzielczość 1280px, i wówczas
inni użytkownicy będą mieć problem

mike

9.02.2008, 23:05:33

Kod

body {
    text-align: center; /* poprawka na IE */
}

div#frame {
    margin: 10px auto;
    width: 800px;
    height: 600px;
    background-color: #f00;
    text-align: left; /* "naprawienie centrowania" */
}

[HTML] pobierz, plaintext 
<body>
  <div id="frame">Jakiś tekst</div>
</body>
[HTML] pobierz, plaintext

poxrimex

9.02.2008, 23:08:42

No zadziałało, oto receptura:

Potrzeba było w css:

[HTML] pobierz, plaintext 
html, body
{
text-align: center;
}
[HTML] pobierz, plaintext

oraz wpisać w css dany div,
wówczas elemencik ładnie w IE wyśrodkowało

Pozdrawiam i dziękuje

phpion

10.02.2008, 10:24:26

Ja osobiście stosuję ograniczenie szerokości na całe body.
CSS:

[HTML] pobierz, plaintext 
body {
	margin: 0px auto;
	width: 800px;
}
 
div {
	background-color: red;
	height: 10px;
}
[HTML] pobierz, plaintext

HTML:

[HTML] pobierz, plaintext 
<body>
	<div></div>
</body>
[HTML] pobierz, plaintext

Kod na pewno działa z DOCTYPE XHTML 1.0 STRICT na przeglądarkach IE6, IE7, FF, O.

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.