stopka

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
lorcyk
Nowy
Nowy
Posty: 62
Rejestracja: wt lip 03, 2007 8:19 pm

stopka

Post autor: lorcyk »

Witam mam stopke umieszczona w css tak:
[xml]#footer { position: absolute;
top: 764px;
left: 112px;
width: 750px;
height: 61px;
background: url(images/belkadolna.jpg) no-repeat;

margin: 0px 7px 0px 2px;
padding: 18px 15px 15px 15px;
}
w htmlu jest tak:
<div id="footer"></div>[/xml]
teraz czasami przy uruchomieniu stpka przestawia sie raz w prawo raz w lewo w firefoxie czemu tak sie dzieje?
ooo_michal
Przelotem
Przelotem
Posty: 245
Rejestracja: śr kwie 18, 2007 9:06 am

Re: stopka

Post autor: ooo_michal »

Nie wiem dokładnie jak wygląda cały kod ale z tego co tu widzę to mogę wywnioskować, że stopka jest zawsze w nizmienionej pozycji względem lewego górnego rogu strony. Jeśli nie - podaj cały kod, sprawdzę u mnie.
lorcyk
Nowy
Nowy
Posty: 62
Rejestracja: wt lip 03, 2007 8:19 pm

stopka

Post autor: lorcyk »

to jest cały css

html, body, h1, h2, h3, h4 {
margin: 0px;
padding: 0px;
}
h1 img {
display: block;
}
img {
border: 0px;
}
a {
color: #e4b434;
font-size: 11px;
font-weight:bold;
font-family: Tahoma;
text-decoration: none;
}
a:hover {
color: #e4b434;
text-decoration: underline;
}
.left {
float: left;
}
.right {
float: right;
}
.more {
text-align: right;
}
.clear {
clear: both;
}

body {
background: url(images/1.jpg) repeat-x;
text-align: center;
font: 12px arial, sans-serif;
font-weight: bold;
color: #5f5e5e;
}
#wrapper {
text-align: left;
margin: auto;
width: 790px;
background: #181818;
}
#body {
position: relative;
margin-left: 4px;
}
#head {
position: absolute;
top: 0px;
left: 401px;
width: 370px;
height: 266px;
color: #FF7F00;
background: url(images/header) no-repeat;
}
#topnav {
position: absolute;
top: 16px;
left: 22px;
color: #FF7F00;
}
#topnav2 {
position: absolute;
top: 41px;
background: url(images/belka1.gif) no-repeat;
color: #FF7F00;
}
#topnav a {
font-weight: bold;
color: #FF7F00;
}

#topnav a:hover {
color: #FFFFFF;
}
#news {
position: absolute;
top: 344px;
left: 222px;
width: 550px;
height: 420px;
background: #FFFFFF;
}
#left-box .inner {
padding: 20px 0px 0px 8px;
}
#left-box h2 {
margin: 10px 0px 0px 0px;
}
#left-box p.date {
font-weight: bold;
}
#left-box p {
margin: 3px 2.5em 1em 1.3em;
}
#nav {
position: absolute;
top: 2px;
left: 627px;
width: 144px;

}
#nav img {
float: left;
}
#intro {
position: absolute;
top: 62px;
left: 222px;
width: 550px;
height: 282px;
background: top left url(images/intro.jpg) no-repeat;
}
#szukaj {
position: absolute;
top: 244px;
left: 2px;
width: 220px;
height: 600px;
background: top left url(images/bok.jpg) no-repeat;
}
#content-bot {
background: bottom url(images/body_bg.gif) repeat-x;
height: 600px;
width: 220px;
margin-left: 1px;
overflow: auto;
}
#content .inner {
padding: 10px 27px;
}
#content .date {
margin-top: 0.5em;
}
#content p {
margin: 0.9em;
}

#logo {
position: absolute;
top: 44px;
left: 2px;
width: 220px;
height: 200px;
background: top left url(images/tlologo2.jpg) no-repeat;
}

#zgloszenia {
position: absolute;
top: 260px;
left: 10px;
width: 220px;
height: 200px;

}
ul {
margin: 0px 1em 0px 2em;
padding: 0px;
}
li {
padding: 0px;
margin: 1em 0px;
}

#details {
margin-top: -1.4em;
margin-bottom: -4em;
float: right;
}
#footer { position: absolute;
top: 764px;
left: 112px;
width: 750px;
height: 61px;
background: url(images/belkadolna.jpg) no-repeat;

margin: 0px 7px 0px 2px;
padding: 18px 15px 15px 15px;
}

#preloader {
position: fixed; /* ustawia na sta�e preloader w miejscu */
width: 300px; /* szeroko�� preloadera */
left: 50%;
margin-left: -150px; /* warto�� musi by� po�ow� szeroko�ci ze znakiem - */
top: 200px; /* wysoko�� od g�rnej kraw�dzi */
z-index: 9999;
display: none; /* ukrywa preloader (pod �adnym pozorem nie usuwa�) */
background: #e4b434;
color: #626463;
border: 1px solid #aaa;
text-align: center;
font-weight:bold;
}
stopka {
color: #FFFFFF;
font-family: Verdana,sans-serif;

}
link {
color: #FFFFFF;
font-family: sans-serif;
font-size: 10px;

}
text {
text-align: center;
font: 12px arial, sans-serif;

color: #5f5e5e;
}

/***********************/

#lightbox{
top: 300px;
left: 250px;
background-color:#eeeeee;
padding: 10px;
border-bottom: 5px solid #666;
border-right: 5px solid #666;
position:absolute;
font-size: 12px;
font-weight: bold;
color: 000;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 8px 2px 4px 12px;
margin: 1px;
border: normal 0px #ffffff;
text-decoration: underline;
}
#lightboxDetails{
font-size: 0.8em;
padding-top: 1.4em;
}
#lightboxCaption{ float: right; }
#keyboardMsg{ float: left; }

#lightbox img{ border: 1px; }
#overlay img{ border: 1px; background-image: url(blank.gif);}
#overlay{ background-image: url(overlay.png); }
ooo_michal
Przelotem
Przelotem
Posty: 245
Rejestracja: śr kwie 18, 2007 9:06 am

Re: stopka

Post autor: ooo_michal »

No to jeszcze html i będę myślał. A najlepiej byłoby gdybyś spakował całą stronkę i wrzucił na jakiś serwer.
lorcyk
Nowy
Nowy
Posty: 62
Rejestracja: wt lip 03, 2007 8:19 pm

stopka

Post autor: lorcyk »

to jest html strony głównej



<?
session_start();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head><TITLE>Nieruchomosci...:::Jolanta Serwin:::...-Biuro posrednictwa w obrocie nieruchomościami</TITLE>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=utf-8">
<META NAME="keywords" CONTENT="Serwin, nieruchomości, sprzedaż, kupno, sprzedaż, sprzedaż nieruchomości, notariusz, kupno-sprzedaż, dąbrowa tarnowska, spadowa, wynajem, dabrowa, sprzedaż, sprzedaz, kupno, wynajem, woda, kanalizacja, telefon, garaz, garaż, kupię, sprzedam, grunwaldzka, pole, ar, ha, pomieszczenie, lokalizacja, wynajem, umowa, pośrednictwo, budynek, powierzchnia, media, okolice, las, z cegieł, drewniany, mały, duży, domek, willa, łazienka, kuchnia, sypialnia, pokoje"/>
<META NAME="Author" content="Loraj Łukasz">
<META NAME="Copyright" content="www.serwin.com.pl ">
<META NAME="description" CONTENT="Biuro Pośrednictwa w Obrocie Nieruchomościami-Jolanta Serwin"/>
<link rel="stylesheet" href="style2.css" type="text/css" charset="utf-8" />
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>


<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script type="text/javascript">
function drukuj() {
window.print();
}
</script>

</head>

<body onload="koniecladowania()">
<!--///////////////////////////////////1-CZESC PRELOADERA///////////////////////////////////////////-->
<div id="preloader">

Loading-Proszę zaczekać...

</div>
<div id="trescstrony">
<script type="text/javascript">
document.getElementById('trescstrony').style.filter="Alpha(Opacity=15)";
document.getElementById('trescstrony').style.opacity=".25";
document.getElementById('preloader').style.display="block";
</script>
<!--///////////////////////////////////KONIEC 1-CZESCI///////////////////////////////////////////-->

<div id="wrapper">
<div id="body">
<div id="head"></div>
<div id="topnav">



</font>
</div>

<div id="nav">
<center><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shoc ... on=5,0,0,0" width="140" height="60">
<param name=movie value="muzyka/muzyka.swf">
<param name=quality value=high>
<embed src="muzyka/muzyka.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/dow ... kwaveFlash" type="application/x-shockwave-flash" width="140" height="60">
</embed>
</object></center>

</div>
<!--///////////////////////////////////POCZATEK INTRO///////////////////////////////////////////-->
<div id="intro"><script language="javascript">
if (AC_FL_RunContent == 0) {
alert("This page requires AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shoc ... on=9,0,0,0',
'width', '550',
'height', '282',
'src', 'Untitled-1',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'window',
'devicefont', 'false',
'id', 'Untitled-1',
'bgcolor', '#666666',
'name', 'Untitled-1',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'Untitled-1',
'salign', ''
); //end AC code
}
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shoc ... on=9,0,0,0" width="550" height="282" id="Untitled-1" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="Untitled-1.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#666666" /> <embed src="Untitled-1.swf" quality="high" bgcolor="#666666" width="550" height="282" name="Untitled-1" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>
<!--///////////////////////////////////KONIEC INTRO///////////////////////////////////////////-->
</div>
<!--///////////////////////////////////LOGO///////////////////////////////////////////-->
<div id="logo">

</div>
<!--///////////////////////////////////NIERUCHOMOSCI///////////////////////////////////////////-->
<div id="news">
<div class="inner">

<?php
include('news_user_list.php');
?>
<br>
                                                                                                                          <a href="#" onclick="drukuj();"><img src="images/print.jpg" align="middle"> Drukuj</a>.
</div>

<br>
</div>
<!--///////////////////////////////////SZUKAJ///////////////////////////////////////////-->
<div id="szukaj">
<div id="content-bot">
<div class="inner">
<br>   <a target="Formularz" href="form/form.php" onclick="window.open('http://www.serwin.com.pl/form/form.php', 'Formularz', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,fullscreen=no,channelmode=no,width=440,height=400,top=300,left=300')"><img src="images/zglos.jpg"></a><br>   <a href="poszukujemy.php"><img src="images/poszukujemy.jpg"></a><br><br><br>
<form method="get" action="szukaj.php" >
<center>
<table>
<tr><td>Status:</td><td>
<select name="status">
<option value="sprzedaz">sprzedaż</option>
<option value="wynajem">wynajem</option>
<option value="inne">inne</option>
</select></td></tr>

<tr><td>Typ:</td><td> <select name="typ">
<option value="mieszkanie">mieszkanie</option>
<option value="dzialka">działka</option>
<option value="dom">dom</option>
<option value="inne">inne</option>

</select></td></tr><br />
<tr><td>Miejscowość:</td><td><input name="miejscowosc" type="text" size="15"/></td></tr><br />
<tr><td><input type="submit" value="szukaj" /></td></tr>

</form>
</table>
</center>

<br>

</center>






</div>
</div>
<!--///////////////////////////////////ZGLOSZENIA///////////////////////////////////////////-->
<div id="zgloszenia">
<br>
<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("This page requires AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shoc ... on=9,0,0,0',
'width', '210',
'height', '245',
'src', 'email',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'window',
'devicefont', 'false',
'id', 'email',
'bgcolor', '#e5e5e5',
'name', 'email',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'email',
'salign', ''
); //end AC code
}
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shoc ... on=9,0,0,0" width="210" height="245" id="email" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="email.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#e5e5e5" /> <embed src="email.swf" quality="high" bgcolor="#e5e5e5" width="210" height="245" name="email" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>
</div>
<!--///////////////////////////////////KONIEC ZGLOSZENIA///////////////////////////////////////////-->
</div>

<div class="clear"></div>
<div class="divider"></div>
</div>
<div id="footer">
<stopka>Copyright © 2008, All rights Reserved.<a target="prawa" href="prawa.html" onclick="window.open('prawa.html', 'prawa', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,fullscreen=no,channelmode=no,width=440,height=400,top=300,left=300')"><img src="images/ikonka.gif"></a></stopka>                                            <link><a href=""> Home | </a> <a href=""> O Firmie | </a> <a href=""> Kontakt | </a> <a href=""> Zgłoszenia | </a> <a href="nieruchomosci.php"> Nieruchomości</a></link>

<br><br><br>
<center><a href="http://www.lorcykdesign.ovh.org"><img src="images/podpis1.jpg"></a></center>
<br><center>
<a href="http://jigsaw.w3.org/css-validator/">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
alt="Poprawny CSS!" />
</a>
<!-- (C) stat24 / Strona glowna -->
<script type="text/javascript">
<!--
document.writeln('<'+'scr'+'ipt
type="text/javascript"
src="http://s4.hit.stat24.com/_'+(new
Date()).getTime()+'/script.js?id=AjrlP6ePZcIRJh3JudhlN7QY.BlWugxDxsu0I2gLRbz.k7/l=11"></'+'scr'+'ipt>');
//-->
</script>
<iframe src="http://counters.stat24.com/statcnt.html ... =2/lang=pl" width=88 height=49 scrolling="no" frameborder="0"></iframe>
</center>
</div>
</div>
</div>
<!--///////////////////////////////////2-CZESC PREOADERA///////////////////////////////////////////-->
<script type="text/javascript">
function koniecladowania() {
document.getElementById('trescstrony').style.filter="Alpha(Opacity=100)";
document.getElementById('trescstrony').style.opacity="1.0";
document.getElementById('preloader').style.display="none";
}
</script>
</div>
<!--///////////////////////////////////KONIEC 2-CZESCI PRELOADERA///////////////////////////////////////////-->
</body>
</html>
ODPOWIEDZ