|
Określenie body w style.css - nie działa pod FF
|
| Arti_S |
Dodany dnia 29.12.2007 14:26:03
|
Przedszkolak
Postów: 10
Data rejestracji: 11.12.2007 01:22
|
Ze wszystkich stylów wykorzystywanych na mojej stronie zrobiłem jeden arkusz zewnętrzny stylów style.css i w każdym z plików stron dodałem linijkę:
<link rel="Stylesheet" type="text/css" href="style.css" />
Formatowanie tekstu jest poprawne, więc arkusz stylów wydaje się w porządku. Później dodałem jeszcze do niego część body określającą kolor tła, marginesy, itp., aby ułatwić sobie zmianę tych elementów na wszystkich podstronach jednocześnie:
body {
margin-left: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #03225b;
background-image: url(elementy/grass.jpg);
}
I mam problem tej natury, że moja strona pod IE6 jest wyświetlana poprawnie, przeglądarka najwyraźniej dobrze "widzi" styl body i wykorzystuje go na każdej podstronie, ale już pod FF strona wyświetlana jest tak (bez tła, ze standardowymi marginesami, bez 'tapety'), jakby tego body w style.css nie było. Gdzie leży błąd?
Adres strony: www.artur.tsi.net.pl
Kod style.css:
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #03225b;
background-image: url(elementy/grass.jpg);
}
.head {
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: bold;
font-variant: small-caps;
color: #000000;
}
.tekst {
font-family: "Times New Roman", Times, serif;
font-size: medium;
}
.xsmall {
font-family: "Times New Roman", Times, serif;
font-size: small;
font-weight: bolder;
font-variant: small-caps;
}
.xsmall2 {
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: bolder;
}
.menu {
font-family: "Times New Roman", Times, serif;
font-size: small;
font-weight: bolder;
font-variant: small-caps;
list-style-type: square;
}
.menu2 {
font-family: "Times New Roman", Times, serif;
font-size: small;
font-weight: bolder;
font-variant: small-caps;
}
.bold {
font-family: "Times New Roman", Times, serif;
font-size: medium;
font-weight: bolder;
}
.headbolder {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
font-weight: bolder;
font-variant: small-caps;
color: #000000;
}
.data {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: medium;
font-weight: bolder;
font-variant: normal;
}
.kto {
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
}
a:link {
color: #485F5C;
}
a:visited {
color: #485F5C;
}
a:hover {
color: #485F5C;
}
a:active {
color: #485F5C;
}
.style1 {font-size: small}
-->
</style>
Przykładowej strony:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<title>Namiestnictwo wędrownicze Polana Hufca ZHP Ziemi Tyskiej</title>
<META NAME="Keywords" CONTENT="namiestnictwo, wędrownictwo, wędrownicze, polana, zhp, hufiec, tychy, ziemi tyskiej, harcerze, wędrownicy, namiestnictwo">
<META NAME="Description" CONTENT="Namiestnictwo wędrownicze Polana Hufca ZHP Ziemi Tyskiej">
<META NAME="Author" CONTENT="Artur Sitek">
<script type="text/javascript" src="csshorizontalmenu.js">
</script>
<link rel="Stylesheet" type="text/css" href="style.css" />
</head>
Edytowane przez Milka dnia 29.12.2007 15:01:12
|
| |
|
|
| Wścibski Gość |
Dodany dnia 25.11.2024 06:16:13
|
Pan Kontekstualny
Postów: n^x
Data rejestracji: Zawsze
|
|
| IP: localhost |
|
|
| bartek124 |
Dodany dnia 29.12.2007 14:43:49
|
Weteran
Postów: 3264
Pomógł: 236
 v7.02.06
Data rejestracji: 26.05.2007 12:25
|
Tylko się nie śmiejcie :p .
Wstaw przed body kropkę, żeby to tak wyglądało
[b].[/b]body
.
Wiem, że to głupie, ale jak ja sobie usunąłem kropkę to też mi nie odczytywało body. ;)
  Nie pomagam na komunikatorach oraz PW! |
| |
|
|
| Arti_S |
Dodany dnia 29.12.2007 14:44:58
|
Przedszkolak
Postów: 10
Data rejestracji: 11.12.2007 01:22
|
Sprawdzilem na początku, nie pomaga  |
| |
|
|
 wlodekp |
Dodany dnia 29.12.2007 15:33:12
|
Weteran
Postów: 3101
Pomógł: 29
Data rejestracji: 21.05.2005 22:27
|
Spróbuj może plik style.css zapisać bez tej górki, zaczynając od:
body {
a kończąc na :
.style1 {font-size: small}
Gdybym miał jąkąś treść to bym sprawdził.
A tak tylko wlodekp.europa.pl/1
tak zapisane style.css
Twój head jako index.html i moje oczy.gif w katalogu elementy tyle mogę zasymulować, javascript nie mam Twojego.
Wygląd w FF i IE7 podobny.
|
| |
|
|
| Arti_S |
Dodany dnia 29.12.2007 16:04:13
|
Przedszkolak
Postów: 10
Data rejestracji: 11.12.2007 01:22
|
@wlodekp - pomogło, dziękuję! |
| |
|
|
| jantom |
Dodany dnia 29.12.2007 16:07:19
|
Weteran
Postów: 3460
Pomógł: 123
Data rejestracji: 31.03.2005 20:10
|
Primo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<title>Namiestnictwo wędrownicze Polana Hufca ZHP Ziemi Tyskiej</title>
<META NAME="Keywords" CONTENT="namiestnictwo, wędrownictwo, wędrownicze, polana, zhp, hufiec, tychy, ziemi tyskiej, harcerze, wędrownicy, namiestnictwo">
<META NAME="Description" CONTENT="Namiestnictwo wędrownicze Polana Hufca ZHP Ziemi Tyskiej">
<META NAME="Author" CONTENT="Artur Sitek">
<script type="text/javascript" src="csshorizontalmenu.js">
</script>
<link rel="Stylesheet" type="text/css" href="style.css" />
</head>
<body>
<table width="898" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<title>Namiestnictwo wędrownicze Polana Hufca ZHP Ziemi Tyskiej</title>
<META NAME="Keywords" CONTENT="namiestnictwo, wędrownictwo, wędrownicze, polana, zhp, hufiec, tychy, ziemi tyskiej, harcerze, wędrownicy, namiestnictwo">
<META NAME="Description" CONTENT="Namiestnictwo wędrownicze Polana Hufca ZHP Ziemi Tyskiej">
<META NAME="Author" CONTENT="Artur Sitek">
<link rel="stylesheet" type="text/css" href="csshorizontalmenu.css" />
<script type="text/javascript" src="csshorizontalmenu.js">
</script>
<title></title>
<link rel="Stylesheet" type="text/css" href="style.css" />
</head>
Wyjaśnisz, dlaczego masz to zapisane właśnie tak? Kod od Ciebie ze strony.
Secundo:
Wywal ze style.css:
<style type="text/css">
<!--
oraz-->
</style>
Pamiętaj, że już nie jesteś w HTML i te tagi są zbędne.
Tretio - nie będzie :P
Gdzie leżał błąd? W kodzie oraz w IE :P
Edytowane przez jantom dnia 29.12.2007 16:07:38
|
| |
|
|
| Arti_S |
Dodany dnia 29.12.2007 22:27:56
|
Przedszkolak
Postów: 10
Data rejestracji: 11.12.2007 01:22
|
Strona jest na ramkach... Robiłem ją 2,5 roku temu, teraz staram się dostosować ją do standardów.
===
Aby nie zakładać nowego tematu, spytam tutaj...
Stworzyłem kod strony od nowa (strona: http://www.artur....l/wzor.php). Co prawda nadal jest w nim trochę tabelek, ale przynajmniej sformatowałem ich zawartość przy pomocy zewnętrznego arkusza stylów.
Do szczęścia brakuje mi jednak:
1. Umieszczenia akapitu o treści "Newsletter GG - podaj swój numer, aby otrzymywać najświeższe informacje z Namiestnictwa wprost na Twoje GG!" na samym dole komórki (aby był bezpośrednio nad polem formularza), bez dodawania kolejnej komórki (vertical-align: bottom w stylu określającym paragraf nie przynosi efektu). Ogólnie, umiejętność umieszczania akapitu na samym dole komórki umożliwiłaby mi pozbycie się kilku niepotrzebnych komórek.
2. Wiedzy, dlaczego ten kod:
style.css:
td.tresc {
margin: 10px 69px 0px 69px;
width: 738px;
background-color:#F1F5E4;
text-align: justify;
}
wzor.php:
<td class="tresc"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac qu...</p></td>
nie skutkuje odpowiednimi marginesami w całej komórce (tekst jest wyjustowany na całe 738px, zamiast na 600)
Edytowane przez Arti_S dnia 29.12.2007 22:51:48
|
| |
|
