|
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 10.09.2025 12:07:43
|
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
|
| |
|
