[es] - Problem sa Firefox-om

Pharotek
Zajecar

Član broj: 73194
Poruke: 14
77.46.210.*

Profil

^{06.01.2008. u 15:14 - pre 198 meseci}

Napravio sam template sajta pomoću css-a. Sajt se vidi u Internet Exploreru i Operi dok se u Firefox-u javlja problem. Footer iz nekog razloga nije na dnu strane već je odmah ispod menija i to iza centralnog dela gde je tekst. Zbog čega se ovo javlja? Prvo sam mislio da sam ispustio negde </div> u html kodu ali ne vidim gde, pokušavao sam sve i svašta ali nisam uspeo da pronađem i ispravim grešku. Kako da ispravim ovo?

HTML

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title>Site</title>
<LINK href="style.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
</head>
<body>

<div id="container">

<div id="mainblock">

<div id="header">
</div>

<div id="menu">
<a class="selected" href="#">Home Page</a>
<a href="dva.html">Download</a>
<a href="#">Info</a>
<a href="#">About Us</a>
<a href="#">Contact</a>
<a href="#">Site map</a>
</div>

<div id="levo">
<div class="box"><p class=tekst align=justify>
<b>News</b> <br><br>
<b>10.01.2008.</b> NorthPin is free css template. You can download it and use it absolutely free. <br><br>
<b>10.01.2008.</b> Replace your text and write whatever you want. just leave "Design by: Nico" at the bottom of the page. <br>
<div class="left_link"> <p class=tekst align=right> <i><a href="#">reed more</a></i> </p> </div> </p> </div>

<div class="box"><p class=tekst align=left>
<b>Sub Meni One</b> <br><br>

<div class="left_link"><p class=tekst align=left>
- <a href="#">Example Link One</a> <br>
- <a href="#">Example Link Two</a> <br>
- <a href="#">Example Link Three</a> <br>
- <a href="#">Example Link Four</a> <br>
- <a href="#">Example Link Five</a> <br>
- <a href="#">Example Link Six</a> <br><br>

<b>Sub Menu Two</b> <br><br>

- <a href="#">Example Link One</a> <br>
- <a href="#">Example Link Two</a> <br>
- <a href="#">Example Link Three</a> <br>
- <a href="#">Example Link Four</a> <br>
- <a href="#">Example Link Five</a> <br>
- <a href="#">Example Link Six</a> <br>
- <a href="#">Example Link Seven</a> <br>
- <a href="#">Example Link Eight</a> <br>
- <a href="#">Example Link Nine</a> <br>
- <a href="#">Example Link Ten</a> <br>
- <a href="#">Example Link Eleven</a> <br>
- <a href="#">Example Link Twelve</a> <br>
- <a href="#">Example Link Thirteen</a> <br>
- <a href="#">Example Link Fourteen</a> <br>
- <a href="#">Example Link Fifteen</a> <br>
- <a href="#">Example Link Sixteen</a> <br>
- <a href="#">Example Link Seventeen</a> <br>
- <a href="#">Example Link Eighteen</a> <br>
- <a href="#">Example Link Nineteen</a> <br>
- <a href="#">Example Link Twenty</a> <br>
</p></div></p></div>
</div>

<div id="jezgro">
<div class="boxc"><p class=tekstc align=justify>
<b>Last New's</b><br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.
<br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.</p> <p class=tekstc align=right> <i><a href="#">reed more</a></i> </p> </div>

<div class="boxc"><p class=tekstc align=justify>
<b>Last New's</b><br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.
<br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.</p> <p class=tekstc align=right> <i><a href="#">reed more</a></i> </p> </div>

<div class="boxc"><p class=tekstc align=justify>
<b>Last New's</b><br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.
<br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.</p> <p class=tekstc align=right> <i><a href="#">reed more</a></i> </p> </div>

<div class="boxc"><p class=tekstc align=justify>
<b>Last New's</b><br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.
<br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.</p> <p class=tekstc align=right> <i><a href="#">reed more</a></i> </p> </div>

<div class="boxc"><p class=tekstc align=justify>
<b>Last New's</b><br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.
<br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.</p> <p class=tekstc align=right> <i><a href="#">reed more</a></i> </p> </div>
</div>
</div>

<div id="footer">
<p>Početna strana - Download - Preporučite program - Priključite nam se - Marketing - O projektu - Kontakt <br>
Copyright © 2007 freeso.org - sva prava zadržana - Design by Nico</p>
</div>

</body>
</html>

CSS

Code:

body {
background-image: url('bckg.gif');
background-repeat: repeat-y
background: #f1f1f1
}

#container{
width: 900px;
height: auto;
background: #ffffff;
margin: 20px auto;
border:4px solid #ffffff;
}

#mainblock{
height: auto;
width: 900px;
background: #ffffff;
}

#header{
height: 150px;
width: 100%;
margin: 0;
background-image: url("banner.gif");
background-repeat: no-repeat;
}

#menu
{
overflow:hidden;
margin: 1px 0 0 0;
padding-left: 0;
background: #F1921A;
color: #000000;
width: 100%;
height: 40px;
text-align: right;
}

#menu li
{
display: inline;
list-style-type: none;
}

#menu a
{
color: #FFFFFF;
background-color: #F1921A;
text-decoration: none;
line-height: 30pt;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12pt;
font-weight: none;
padding: 11px 10px;
}

#menu a:hover
{
color: #F1921A;
background-color: #E6E7E8;
text-decoration: none;
}

#menu .selected
{
color: #F1921A;
background-color: #E6E7E8;
text-decoration: none;
font-weight:none;
color:#669900;
}

#levo {
float:left;
width:250px;
height: auto;
margin: 1px 0px 0px 0px;
background: #ffffff;
}

#jezgro {
float: left;
height: auto;
width: 648px;
margin: 1px 0px 0px 1px;
background: #ffffff;
}

#footer {
height:70px;
width:100%;
background:#656E75;
}

#footer p {
margin: 0px 0px 0px 0px;
padding: 20px 10px 0px 0px;
color:#ffffff;
font-family: Verdana;
font-size:8pt;
font-weight:normal;
line-height:normal;
text-align:right;
}

.box {
float:left;
width:250px;
height: auto;
margin: 0px 0px 1px 0px;
background: #656E75;
}

.boxc {
float:left;
width: 648px;
height: auto;
margin: 0px 0px 1px 0px;
background: #E6E7E8;
}

.tekst {
margin: 10px 10px 10px 10px;
font-size: 8pt;
color: #E6E7E8;
font-family: Arial;
}

.tekstc {
margin: 10px 10px 10px 10px;
font-size: 8pt;
color: #656E75;
font-family: Arial;
}

.image {
margin: 0px 10px 10px 10px;
padding:1px;
display:inline;
background:#ffffff;
color:#303030;
border:4px solid #656e75;
}

#footer a{ text-decoration:none;font-weight:normal; font-size:10px; color:#363636; }
#footer A:visited { text-decoration:none; color:#363636; }
#footer A:hover { text-decoration:underline; color: #0099ff; }

.left_link a{ text-decoration:none; color:#E6E7E8; }
.left_link A:visited { text-decoration:none; color:#E6E7E8; }
.left_link A:hover { text-decoration:underline; border-bottom-style:none; color:#E6E7E8; }

a{ text-decoration:none; color:#656E75; }
A:visited { text-decoration:none; color:#656E75; }
A:hover { text-decoration:none; border-bottom-style:solid; border-width:medium; color:#669900; }

Pharotek

Odgovor na temu