Wyśrodkowanie strony - wypróbowane wszystkie sposoby POMOCY!

[rumsztyk]

masz jeden </div> za dużo - idzie Ci naprawdę dobrze! Nie przejmuj się to że IE coś paprze to nie Twoja wina - popraw błąd - zobaczymy co dalej

[Johnny]

No przejrzałęm kod i poprawiłem. Próbowałem ustawić strone pod programem kED zeby była dobrze wyswietlana pod IE. Nie da się! Jak nawet sie udawało to były problemy z elementem który jest na dole <footer>. Pomożecie coś bo męcze się z tym wszytskim juz długo

[rumsztyk]

nastrzelałeś marginów i paddingów to teraz masz
html

Kod: Zaznacz cały

...
Tel kom. 791096293<br>
      <a href="mailto:ogrodomania@gmail.com">wyślij email</a></font>

css

Kod: Zaznacz cały

body #lpanel {float: left;
  background-color: #FFF;
  border: 1px solid #DDD;
  width: 145px;
}

wstaw to dla IE korzystając z komentarzy warunkowych
stary numer IE i domyślnych marginesów, wcięć każdej przeglądarki

[Johnny]

Uzyłem tych komentarzy
w sposób taki:
html:

<h3>Ogrodomania</h3> <font size="1">ul.Tyrmanda 34/12<br />
54-608 Wrocław<br />
Tel kom. 501672098<br />

<!--[if IE]>
Tel kom. 791096293<br />
<a href="mailto:ogrodomania@gmail.com">ogrodomania@qmail.com</a></font>
<![endif]-->

oraz css


body #lpanel {float: left;
padding:3px;
margin-right:5px;
background-color: #FFF;
border: 1px solid #DDD;
width: 145px;
display:table-cell;
}
<!--[if IE]>
body #lpanel {float: left;
background-color: #FFF;
border: 1px solid #DDD;
width: 145px;
}
<![endif]-->

Dobrze??
Poskutkowało tym że elementy się rozłożyły w pojemniku niby ok (menu po lewej a tekst po prawej) , ale..
1.Pod mozillą i oprą nie wyświetla mi adresu emial zawartego w komentarzu warunkowym w kodzie html
2.Menu ni estanowi osobną cześć a znajduje sie razem z tekstem na jednej kartce oodatkowo jest brzydko obramowane jakąś cienką linią.
3. Tekst pod przeflądarką mozilla i opera zachodzi na siebie.

Więc ogólnie bałgan na stronie nie nadający sie do zamieszczenia w necie.
Tracę wiarę że uda się to zrobić...

[Johnny]

Sory za błedy w tekście. Wykonczony jestem ta stronką:)

[Johnny]

Więc nie ma możliwości tego ustawinie. Źle wyświetla w mozilli i operze:(
www.ogrodomania.yoyo.pl

[Tomek]

W CSS nie używa się komentarzy warunkowych.
Przekombinowałeś z tymi komentarzami już kompletnie.
Przykład jak to zrobić już podał rumsztyk... ale jeszcze raz:
<div id="lpanel">
(tu treść....)
</div>

W body wstawiasz:
<link rel="stylesheet" type="text/css" href="css/2208_screen.css" media="screen, print" />
<!--[if IE]><link rel="stylesheet" type="text/css" href="css/styl_dla_ie.css" /><![endif]-->

Koniecznie w tej kolejności. Po czym tworzysz sobie plik styl_dla_ie.css i w nim dopiero wpisujesz:
body #lpanel {float: left;
background-color: #FFF;
border: 1px solid #DDD;
width: 145px;
}


To co teraz zrobiłeś - to podobne do tego co robiłeś z margin:auto - wcisnąłeś to wszędzie bez rozmysłu.
W CSS komentarze warunkowe nie są interpretowane. W html są dostępne jedynie dla IE - inne przeglądarki zgodnie ze specyfikacją myślą że jest to komentarz i go nie wyświetlają na stronie.

Jakie jest rozwiązanie dla ciebie? Najlepiej - ściągnij ten szablon jeszcze raz. Powoli i dokładnie nadaj odpowiednią szerokość i margin:auto, potem jak już strona będzie działać - powoli dodawaj swoje treści.


A! I wyjaśnijmy jedno - TO MOZILLA I OPERA PRAWIDŁOWO WYŚWIETLAJĄ TĄ STRONĘ. TO IE BŁĘDNIE INTERPRETUJE KOD.

[Tomek]

Widzę że się dopisałeś...
Teraz znowu masz błędy na stronie - i to dość ważne - niezamknięte divy... i na dodatek błędy przy znaczkach walidacji... wstyd

Ale stronka jest wyśrodkowana... tylko nakładanie się tego maila jest chyba teraz problemem... bo on się po prostu nie mieści nadaj większą szerokość dla lpanel:
#lpanel {
.....
width: 180px;
.....
}

180 powinno wystarczyć.

[Grzegorz]

Uzyłem tych komentarzy
w sposób taki:
html:

<h3>Ogrodomania</h3> <font size="1">ul.Tyrmanda 34/12<br />
54-608 Wrocław<br />
Tel kom. 501672098<br />

<!--[if IE]>
Tel kom. 791096293<br />
<a href="mailto:ogrodomania@gmail.com">ogrodomania@qmail.com</a></font>
<![endif]-->

Tylko czemu adres e-mailowy ma być widoczny tylko dla użytkowników IE?!

[rumsztyk]

dlatego zaproponowałem skrócenie adresu go i zamienienia na tekst wyślij e-mail (i tak jest mailto), który jest krótszy i tym samym mieści się w elemencie #lpanel... czasem rozwiązanie problemu wymaga sprytu - nie wiedzy

[tygryzek]

Witam, mam ogromną prośbę o pomoc. Chce wyśrodkowac caly tekst strony, próbuje to zrobic ustawiając marginy na auto, ale to mi nie chce dzialac. Adres do stronki: tygryzek.prv.pl, zeby wejsc dalej trzeba kliknac w bramy. Mam nadzieje, ze mi ktos pomoze...bo mnie juz glowa od tego rozbolala. Robilam inne stronki, takie cwiczeniowe i wtedy marginy ladnie dzialaly, a teraz nie chca. Pliska, pomozcie...

[dexter]

Kod: Zaznacz cały

*{
margin: 0;
padding: 0;
float:left;
}

Usuń float:left, a resztę stylu dla dowolnego elementu przenieś na początek.

[Johnny]

Ok dziękuje za udzieloną pomoc.Jednak zmieniłem stronke zrezygnowałemz tamtej. Dzięki wielkie i pozdrawiam.