Viewing Does anyone else have this problem?

  1. Portal Home
  2. Forum
  3. EverWeb
  4. General Discussion

Does anyone else have this problem?



User: spyboynola 5 years ago
I use the EW html snippet and the bottom information runs past the container size indictors sometimes into the footer!
The problem is it is inconsistent, spacing on one page is less than spacing on another duplicate page! The only difference between one and the other is the amount of code in the snippet.
A problem mostly on tablet and phone sites, and android phones especially.
Any ideas?
User: Roddy 5 years ago
You would need to indicate what code you are inserting into the widget.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: spyboynola 5 years ago
Here is a sample inserted code
<style>
fieldset.concert {
width=device-width;
height:auto;
font-family:Times New Roman, Helvetica;
border:3px solid #E40018;
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
margin:3px 0 13px;
padding:0
}

fieldset.concert legend {
font-size:29px;
color: white;
margin:0 19px 4px;
padding:0 5px;
text-align:center
}

b.date, .concert center {
color:yellow;
font-family:times new roman bold;
font-size: 20px;
text-align:center;
font-weight: bold;
margin: 0 0 6px;
}

b.date, .concert1 center {
color:white;
font-family:times new roman bold;
font-size: 20px;
text-align:center;
font-weight: bold;
margin: 0 0 6px;
}
fieldset.concert pre {
color:white;
font-family:times new roman bold;
font-size: 20px;
font-weight: bold;
margin-top: 6px;
margin-bottom: 9px;
}
fieldset.concert1 pre {
color:white;
font-family:times new roman ;
font-size: 20px;
font-weight: ;
margin-top: 3px;
margin-bottom: 5px;
}
fieldset.concert img { width:100%; height:auto }

/* DAYS MENU */

center.days a {
text-transform: capitalize;
color: white;
font-size: 24px;
text-decoration: none;
margin: 4px;
padding: 6px 4px;
border: 3px solid red;
border-radius: 10px;
}

section.scroll-container fieldset.club1 {
margin-left: 30px;
}

center.days { margin-bottom: 8px; }
</style>

<fieldset class="concert">
<legend>Mondays </legend>
<center>
Monday 2, 16, 23, 30
</center>
<pre>
10 pm George Porter Jr. Trio
George Porter Jr, Mike Lemmler,
Terrence Houston</pre>
<center>
Monday 9</center>
<pre> 10 pm JP Carmody</pre><center>
Monday May 7</center>
<pre>
9 pm Big Sam's Funky Nation
11 pm George Porter Jr. Trio
George Porter Jr, Mike Lemmler,
Terrence Houston
</pre>
</fieldset>

<fieldset class="concert">
<Legend>Tuesdays </legend>
<center>
Tuesdays In April
</center>
<pre>
11 pm Rebirth Brass Band
</pre>
<center>
Tuesday May 8
</center>
<pre>
9 pm Herlin Riley, Eric Struthers &
Joe Ashlar
11 pm Rebirth Brass Band
</pre>
</fieldset>
User: Roddy 5 years ago
It's because the item created in the HTML Snippet widget is responsive and its height will vary with browser/device width. The footer below it is absolutely positioned so it can't move.

The solution, for the time being, is to build the footer into the snippet so that it will move along with the other content.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.