Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
pływający element strony
#1
Witam! Mam problem z bannerem, który powinien być w stałym miejscu, ale w przeglądarce chrome pływa po stronie, jeżeli zjeżdżamy scrollem w dół. Firefox i IE nie ma takiego problemu.

http://zaklad-dekarski.prv.pl/

Czy ktoś mógłby podpowiedzieć jak rozwiązać ten problem?
Z góry dziękuję!
Odpowiedz
#2
Usuń to:
<div id="prvCommercial">
<iframe id="prvFrame1" scrolling="no" frameborder="0" width="100%" src="#" name="prvFrame1">
<html>
<head>
</head>
<body>
</body>
</html>
</iframe>
</div>
Zupełnie nie wiem czemu to ma służyć.
Odpowiedz
#3
Cytat:<!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" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bez tytułu 1</title>
<style type="text/css">
.style2 {
background-color: #FFB286;
}
.style3 {
text-align: left;
background-color: #FFB286;
}
.style6 {
font-size: small;
color: #535252;
font-family: "Myriad Pro";
}
.style9 {
text-decoration: none;
}
.style10 {
color: #535252;
}
.style11 {
background-color: #FFEADE;
}
.style15 {
font-family: "Myriad Pro";
}
.style17 {
font-family: "Myriad Pro";
font-size: small;
}
.style18 {
font-family: "Myriad Pro";
font-size: x-large;
color: #FFFFFF;
text-align: center;
}
.style19 {
font-size: large;
color: #535252;
font-family: "Myriad Pro";
}
.style21 {
font-size: 11pt;
color: #535252;
font-family: "Myriad Pro";
}
.style24 {
font-size: 11pt;
}
.style30 {
text-align: center;
}
.style32 {
font-size: x-small;
color: #C0C0C0;
}
.style33 {
font-size: x-small;
color: #535252;
}
.style35 {
background-color: #FF711F;
}
.style36 {
font-size: small;
color: #535252;
font-family: Arial;
}
.style37 {
color: #FF711F;
font-size: medium;
}
.style39 {
color: #FFFFFF;
font-size: 24px;
}
.style40 {
font-family: "Myriad Pro";
font-size: 24px;
color: #FFFFFF;
text-align: center;
}
.style41 {
font-size: 14px;
}
.style42 {
font-size: 15px;
color: #535252;
font-family: "Myriad Pro";
}
.style43 {
font-size: 13px;
}
.style47 {
color: #FF711F;
font-size: 14px;
}
.style48 {
font-size: 15px;
}
</style>
</head>

<body>
<div style="position: absolute; width: 756px; height: 145px; z-index: 1; left: 80px; top: 12px" id="layer1" class="style17">
<img alt="" src="images/l1.jpg" width="291" height="215" /><img alt="" src="images/l2.jpg" width="465" height="215" /></div>
<div style="position: absolute; width: 756px; height: 65px; z-index: 2; left: 80px; top: 230px" id="layer2">
<div style="position: absolute; width: 143px; height: 46px; z-index: 1; left: 613px; top: 2px" id="layer9" class="style2">
</div>
<div style="position: absolute; width: 143px; height: 46px; z-index: 1; left: 461px; top: 2px" id="layer8" class="style2">
</div>
<div style="position: absolute; width: 143px; height: 46px; z-index: 1; left: 309px; top: 2px" id="layer7" class="style2">
</div>
<div style="position: absolute; width: 143px; height: 46px; z-index: 1; left: 156px; top: 2px" id="layer6" class="style35">
</div>
<div style="position: absolute; width: 143px; height: 46px; z-index: 1; left: 3px; top: 2px" id="layer5" class="style3">
</div>
</div>
<div style="position: absolute; width: 549px; height: 343px; z-index: 3; left: 83px; top: 299px" id="layer3" class="style36">
<span class="style37"><strong>
<img style="float:left" src="images/off2.jpg" width="220" height="300" /></strong></span><span class="style29"><span class="style26"><strong><br />
<span class="style37"><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</span></strong>
<div style="position: absolute; width: 268px; height: 295px; z-index: 1; left: 262px; top: 7px" id="layer16">
<strong><span class="style47">W</span></strong><span class="style41">ykonujemy
pokrycia dachowe:<br />
<br />
- Blacha miedziana<br />
&nbsp;<br />
- Blacha tytanowo-cynkowa<br />
&nbsp;<br />
- Blacha aluminiowa<br />
&nbsp;<br />
- Blacha powlekana<br />
&nbsp;<br />
- Dachówka</span><span class="style43"><br />
&nbsp;<br />
</span></div>
<span class="style47"><strong>Z</strong></span></span><span class="style41">apewniamy wykonanie najwyższej
jakości, doradztwo techniczne, kalkulacje wstępne, profesjonalne narzędzia
wysokiej klasy, transport materiałów budowlanych, a przede wszystkim terminowe
wykonywanie zleceń. Zakład działa na terenie województwa Małopolskiego,
przyjmujemy zlecenia z całego kraju oraz Europy.</span></span><br />
</div>
<div style="position: absolute; width: 175px; height: 229px; z-index: 4; left: 660px; top: 299px" id="layer4" class="style11">
<span class="style19">&nbsp; Kontakt </span><span class="style6"><br />
&nbsp;<br />
</span><span class="style21">&nbsp; </span><span class="style42">Sylwester Pala </span><span class="style10">
<span class="style15"><span class="style48"><br />
<br />
&nbsp; Kom: 504 108 776 <br />
&nbsp; Tel./Fax: (012) 387 16 50 <br />
<br />
&nbsp; E-mail:
</span></span></span>
<a href="mailto:[email protected]" class="style9"><span class="style42">[email protected]</span></a>
<span class="style10"><span class="style15"><span class="style24"><br />
<br />
&nbsp; </span><span class="style43">Województwo Małopolskie</span><span class="style24"><br />
&nbsp; </span><span class="style48">Kocmyrzów 28, k. Krakowa</span><span class="style24"><br />
&nbsp; </span><span class="style43">32-010 Kocmyrzów</span></span></span></div>

<div style="position: absolute; width: 114px; height: 29px; z-index: 5; left: 708px; top: 239px" id="layer14" class="style18">
<a href="http://picasaweb.google.com/mruk131/SylwesterPala?feat=directlink" target="2" class="style9">
<span class="style39">Galeria</span></a></div>
<div style="position: absolute; width: 114px; height: 29px; z-index: 5; left: 556px; top: 239px" id="layer13" class="style18">
<a href="referencje.html" class="style9"><span class="style39">Referencje</span></a></div>
<div style="position: absolute; width: 114px; height: 29px; z-index: 5; left: 405px; top: 239px" id="layer12" class="style18">
<a href="certyfikaty.html" class="style9"><span class="style39">Certyfikaty</span></a></div>
<div style="position: absolute; width: 114px; height: 29px; z-index: 5; left: 250px; top: 239px" id="layer11" class="style40">
Oferta</div>
<div style="position: absolute; width: 114px; height: 29px; z-index: 5; left: 95px; top: 239px" id="layer10" class="style18">
<a href="index.html" class="style9"><span class="style39">Główna</span></a></div>

<div style="position: absolute; width: 751px; height: 32px; z-index: 6; left: 83px; top: 690px" id="layer15" class="style30">
<br />
<br />
<span class="style32"><br />
<br />
<br />
<br />
<br />
Copyright © 2010 zaklad-dekarski.prv.pl | Projekt wykonał - </span>
<span class="style33">
<a href="mailto:[email protected]" class="style9"><span class="style10">Michał
Mroczek</span></a></span><br />
&nbsp;</div>

</body>

</html>

Nie widzę w pliku źródłowym np. oferta.html takiego kodu?

hmmm...[/code]
Właśnie sprawdziłem plik bezpośrednio na serwerze poprzez prawe kliknięcie myszy i zbadanie elementu i taki kod widzę, ale nie mam pojęcia jak go wyrzucić, skoro w pliku źródłowym na dysku tego nie ma?
Odpowiedz
#4
Sprawdz w pliku index. Treść podstron masz dołączaną. W ogóle to w czym to pisałeś bo to istna tragedia jest, strona prosta, powinna być na kilku divach oparta a tu tyle tego wszystkiego, że chaos się robi.

Z #prvFrame2 pousuwaj width i height:
<iframe frameborder="0" src="http://michalmroczek.webrynek.pl/sylwek/index.html" name="prvFrame2" id="prvFrame2" style="">C</iframe>

W arkuszu css dopisz height na 100% wtedy zniknie pionowy pasek przewijania, jeśli zawartość strony nie przekracza okna przeglądarki
#prvFrame2 {
border: 0 none;
height: 100%;
margin: 0;
padding: 0;
position: relative;
width: 100%;
}
Po zmianie tego strona jako tako się wyświetla, tzn nie ma widocznych błędów ale patrząc w kod...
Odpowiedz
#5
Coś mi nie wychodzi, mogę Ci podesłać css i index?
Odpowiedz
#6
Dzięki za pomoc Wink
Odpowiedz
#7
Co to kurde jest:
Kod:
<strong>
<img style="float:left" src="images/off2.jpg" width="220" height="300" /></strong></span><span class="style29"><span class="style26"><strong><br />
<span class="style37"><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</span></strong>
Pomogłem? To daj plusa Cool
Odpowiedz
#8
Never ending <brrrrr /> TongueTongue
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  [CSS][HTML] Jak zbudować element na stronie. Witek7777 5 5,642 05-04-2016, 04:20
Ostatni post: Dziara53
  element przylegajacy do innego elementu hellbike 1 1,863 03-05-2010, 20:23
Ostatni post: dziamber
Wink Wyswietlanie strony "A" w ramce strony "B" Masterpro 2 4,677 17-09-2009, 20:49
Ostatni post: Masterpro

Skocz do:


Użytkownicy przeglądający ten wątek:
Sponsorzy i przyjaciele
SeoHost.pl