Witam!
Mam problem ze strona internetowa w FX. Mianowicie nie widzi poleceń <div> podzielonych przez arkusz stylów. Inspekcja w validatorze wykazała błędy, ale wszystkie już skorygowałem, próbowałem również zmianę kodowania i lipa:(
Czy wie ktoś w czym tkwi "diabeł"?
Firefox, problemy z DIV i CSS
Moderator: Pomocy?!
Posty: 5
• Strona 1 z 1
Firefox, problemy z DIV i CSS
autor: Elviszop@ » 15 października 2007, 10:07
Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.1.7) Gecko/20070914 Firefox/2.0.0.7
- Elviszop@
autor: Tomek » 15 października 2007, 10:10
Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.1.7) Gecko/20070914 Firefox/2.0.0.7
Sprecyzuj swoje pytanie - bez kodu nie jesteśmy wstanie nic pomóc. Nie rozumiem też:
Pokaż kod/stronę
Elviszop@ pisze:<div> podzielonych przez arkusz stylów
Pokaż kod/stronę
"Mym sojusznikiem jest Moc, i potężnym sojusznikiem ona jest." -- Mistrz Yoda
- Tomek
- Moderator
- Posty: 9041
- Z nami od: 19 sierpnia 2004, 06:52
autor: Gość » 15 października 2007, 10:56
Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.1.7) Gecko/20070914 Firefox/2.0.0.7
Poniżej podaję KOD CSS i HTML
W IE wyświetla podział jak powinno, ale w FX nie chce i nie wiem jak temu zapobiedz:(
- Kod: Zaznacz cały
body {
margin: 20px;
padding: 0;
font-family: tahoma, verdana, sans-serif;
font-size: 10pt;
background-image: url('image/backgroung.jpg');
}
a:link {
text-decoration: none;
color: #000;
}
a:visited {
text-decoration: none;
color: #4A91AE;
}
a:hover {
text-decoration: underline;
color: #FFA618;
}
a:active {
text-decoration: none;
color: #FFA618;
}
#MAIN {
width: 800px;
background-color: transparent;
height: auto;
text-align: left;
}
#DATE {
width: 800px;
float: left;
background-color: transparent;
border: none;
text-align: right;
font-size: 7pt;
color: #585858;
}
#LOGO {
width: 800px;
height: 100px;
float: none;
background-image: url('image/logo-top.jpg');
}
#center {
background-color: transparent;
width: 800px;
height: auto;
border-left: 1px solid;
border-right: 1px solid;
}
#MENU {
width: 150px;
padding: 10px;
height: auto;
background-color: transparent;
float: left;
overflow: hidden;
line-height: 20px;
}
#TEXT {
width: 648px;
height: auto;
padding: 5px;
float: left;
text-align: justify;
line-height: 20px;
background-color: transparent;
content: normal;
}
#footer1 {
width: 800px;
padding: 2px;
height: auto;
border: none;
clear: both;
text-align: center;
vertical-align: middle;
background-color: #000;
color: #C7C7C7;
font-size: 7pt;
}
#footer2 {
width: 800px;
height: auto;
clear: both;
text-align: right;
background-color: transparent;
color: #585858;
font-size: 7pt;
font-style: oblique ;
}
.f22no {
font-size: 22px;
color: #FFA618;
}
.f14n {
font-size: 14px ;
text-align: center;
}
<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>A C M E T sp. z o.o.</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<!-- To jest miejsce na tre¶ć dokumentu -->
<center>
<div id="main">
<div id="date">
<script type="text/javascript" language="JavaScript1.2" src="doc/clock.js"></script>
</div>
<div id="logo">LOGO</div>
<div id="center">
<div id="menu">
<!-- ****** MENU ********** -->
<a href="doc/o_firmie.html" target="main"><img src="image/strzalka.gif" width="15" height="11" border="0"><strong> O FIRMIE</strong></a><br />
<td width="100" height="30" valign="middle"><a href="doc/Oferta.html" target="main"><img src="image/strzalka.gif" width="15" height="11" border="0"><strong> OFERTA</strong></a><br />
<a href="doc/linki.html" target="main"><img src="image/strzalka.gif" width="15" height="11" border="0"><strong> LINKI</strong></a><br />
<a href="doc/Kontakt.html" target="main"><img src="image/strzalka.gif" width="15" height="11" border="0"><strong> KONTAKT</strong></a><br />
<a href="doc/Dojazd.html" target="main"><img src="image/strzalka.gif" width="15" height="11" border="0"><strong> DOJAZD</strong></a><br />
</div>
<div id="text">
<font class="f22no"><strong>>> TYTUŁ <<</strong></font>
<hr style="WIDTH: 100%; COLOR: #FFCC00; HEIGHT: 2px; TEXT-ALIGN: left">
</div>
</div>
<div id="footer1">
STOPKA
</div>
<div id="footer2">Design by </div>
</div>
</center>
</body>
</html>
W IE wyświetla podział jak powinno, ale w FX nie chce i nie wiem jak temu zapobiedz:(
- Gość
autor: Tomek » 15 października 2007, 11:19
Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.1.7) Gecko/20070914 Firefox/2.0.0.7
Pierwsza rzecz - jeszcze nie przeglądałem strony - ale już widać - w CSS masz np #MENU a w htm #menu - i tu jest pierwsza potencjalna przyczyna "złego" wyświetlania (jest ono całkowicie poprawne w tym przypadku)
Druga rzecz - na razie nie ma tam tekstu za wiele - ale podejrzewam że będziesz miał problem z float - poszukaj o tym na forum "float" lub "clear"
Trzecia rzecz:
A nie lepiej zamiast używać font i strong do tytułu zastosować h1?
Popraw te błędy - jak dalej będzie nie tak - wróć na forum.
Druga rzecz - na razie nie ma tam tekstu za wiele - ale podejrzewam że będziesz miał problem z float - poszukaj o tym na forum "float" lub "clear"
Trzecia rzecz:
<font class="f22no"><strong>>> TYTUŁ <<</strong></font>
A nie lepiej zamiast używać font i strong do tytułu zastosować h1?
Popraw te błędy - jak dalej będzie nie tak - wróć na forum.
"Mym sojusznikiem jest Moc, i potężnym sojusznikiem ona jest." -- Mistrz Yoda
- Tomek
- Moderator
- Posty: 9041
- Z nami od: 19 sierpnia 2004, 06:52
autor: Gość » 15 października 2007, 11:31
Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.1.7) Gecko/20070914 Firefox/2.0.0.7
Dzięki za wskazówki. Poprawię je.
Już doszedłem dlaczego mi się sypało pod FX.
Szerokości bloków div były źle poobliczane i nachodziły na siebie. IE to łykło ale nie FX.
Parę poprawek i będzie gut.
Pozdrawiam
Już doszedłem dlaczego mi się sypało pod FX.
Szerokości bloków div były źle poobliczane i nachodziły na siebie. IE to łykło ale nie FX.
Parę poprawek i będzie gut.
Pozdrawiam
- Gość
Posty: 5
• Strona 1 z 1
Kto jest online
Zarejestrowani użytkownicy: Baidu [Spider], dexter, Google [Bot]