WYSIWYG Web Builder problem z obrazem

pytanie zadane 3 czerwca 2017 w HTML i CSS przez czujek22 Dyskutant (7,670 p.)
edycja 3 czerwca 2017 przez czujek22

Witam. Musze zrobić stronę w narzędziu WYSIWYG. Mam taki problem i już długo nad nim siedzę. Otóż zrobiłem na razie tyle: http://screenshot.sh/ou2uIpknEDvnw

Wyswietla się to w ten sposób w przeglądarce: http://screenshot.sh/m2bawdtTol8pU

I jeśli chcę dodać jakis element za obrazem to wtedy obraz sie zmniejsza. Im wiecej nowych elementów za obrazem tym bardziej on sie zmniejsza od dolu a elementy sa daleko po nim. Miedzy dolem obrazu a nastepnym elementem jest duza przerwa.

Ps. Obraz jest ustawiony na efekt parallax.

1 odpowiedź

odpowiedź 3 czerwca 2017 przez Lu Kiss Dyskutant (7,600 p.)

Bez kodu nie pomoge, to konieczne zeby robic w tym programie?

komentarz 3 czerwca 2017 przez czujek22 Dyskutant (7,670 p.)

Gdyby nie było konieczne to już dawno bym się za kod złapał.

Nie wiem, czy z takiego kodu można coś ciekawego wyczytać ale łap:

<!doctype html>
<html lang="pl">
<head>
<meta charset="utf-8">
<title>Zbiór zajciekawszych filmów by Emil</title>
<meta name="generator" content="WYSIWYG Web Builder 12 Trial Version - http://www.wysiwygwebbuilder.com">
<link href="Designbolts-Free-Multimedia-Film (1).ico" rel="shortcut icon" type="image/x-icon">
<link href="icon.png" rel="apple-touch-icon" sizes="256x256">
<link href="Untitled1.css" rel="stylesheet">
<link href="index.css" rel="stylesheet">
<script src="jquery-1.12.4.min.js"></script>
<script src="wb.parallax.min.js"></script>
<script>
$(document).ready(function()
{
   $('#Layer3').parallax();
});
</script>
</head>
<body>
<div id="Layer2" style="position:absolute;text-align:center;left:0px;top:78px;width:100%;height:4.5491%;z-index:5;">
<div id="Layer2_Container" style="width:1300px;position:relative;margin-left:auto;margin-right:auto;text-align:left;">
</div>
</div>
<div id="container">
<a href="http://www.wysiwygwebbuilder.com" target="_blank"><img src="images/builtwithwwb12.png" alt="WYSIWYG Web Builder" style="position:absolute;left:643px;top:1041px;border-width:0;z-index:250"></a>
<div id="wb_CssMenu2" style="position:absolute;left:106px;top:101px;width:1008px;height:92px;z-index:7;">
<ul>
<li class="firstmain"><a href="#" target="_self">Thriller</a>
</li>
<li><a href="#" target="_self">Akcji</a>
</li>
<li><a href="#" target="_self">Komedia</a>
</li>
<li><a href="#" target="_self">Horror</a>
</li>
<li><a href="#" target="_self">Sci-Fi</a>
</li>
<li><a href="#" target="_self">Dramat</a>
</li>
<li><a href="#" target="_self">Inne</a>
</li>
</ul>
</div>
<div id="wb_Heading1" style="position:absolute;left:35px;top:349px;width:1304px;height:115px;text-align:center;z-index:8;">
<h1 id="Heading1">Szukasz filmu ?</h1></div>
<div id="wb_Text2" style="position:absolute;left:35px;top:464px;width:1304px;height:35px;text-align:center;z-index:9;">
<span style="color:#FBFBFB;font-family:'Roboto Thin';font-size:29px;">Znajdziesz tu najciekawsze filmy z różnych gatunków</span></div>
</div>
<div id="Layer1" style="position:fixed;text-align:center;left:0;top:0;right:0;height:80px;z-index:10;">
<div id="Layer1_Container" style="width:1300px;position:relative;margin-left:auto;margin-right:auto;text-align:left;">
<div id="wb_Image1" style="position:absolute;left:97px;top:3px;width:400px;height:75px;z-index:0;">
<img src="images/logos.png" id="Image1" alt=""></div>
<div id="wb_CssMenu1" style="position:absolute;left:506px;top:21px;width:576px;height:45px;z-index:1;">
<ul>
<li class="firstmain"><a href="#" target="_self">Strona&nbsp;g&#322;&#243;wna</a>
</li>
<li><a href="#" target="_self">TOP100</a>
</li>
<li><a href="#" target="_self">Filmweb</a>
</li>
<li><a href="#" target="_self">Kontakt</a>
</li>
</ul>
</div>
</div>
</div>
<div id="Layer3" style="position:absolute;text-align:center;left:4px;right:-12px;top:134px;bottom:354px;z-index:11;">
<div id="Layer3_Container" style="width:1304px;position:relative;margin-left:auto;margin-right:auto;text-align:left;">
<div id="wb_Text1" style="position:absolute;left:0px;top:65px;width:1304px;height:131px;text-align:center;z-index:2;">
<span style="color:#FBFBFB;font-family:'Roboto Thin';font-size:96px;"><br></span></div>
<div id="wb_Text8" style="position:absolute;left:0px;top:281px;width:1304px;height:16px;z-index:3;">
&nbsp;</div>
<div id="wb_CssMenu4" style="position:absolute;left:553px;top:397px;width:336px;height:100px;z-index:4;">
<ul>
<li class="firstmain"><a href="#" target="_self">Zobacz&nbsp;wi&#281;cej</a>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>

Zauważyłem, że mój błąd zależy od wysokości strony. Im więcej wolnego miejsca za obrazem tym bardziej się kurczy a puste miejsce, które zostawia należy ciągle do niego i następne elementy pojawiają się dopiero za nim :I