Current date/time is July 3rd 2022, 11:04 am

Search found 2 matches for header

BBCode Tag [CODE] Stretches page far beyond its limits. This is not normal.

Technical Details


Forum version : #phpBB2
Position : Founder
Concerned browser(s) : Mozilla Firefox, Google Chrome, Other
Screenshot of problem : https://i.imgur.com/KmknexS.jpg
Who the problem concerns : All members
When the problem appeared : When creating and applying my forum theme.
Forum link : http://aquacurrentsrp.foren-gratis.com/t5-an-application-template-maybe#22551

Description of problem

The BBCODE tag "CODE" stretches the form beyond its normal boundaries for no reason. Please do not reply asking if this happens anywhere else on the forum. It does. Please do not ask me if I am sure about it, I know. I'm thinking it is CSS, but I have no idea how to find the issue. I will paste my CSS below.

Link: http://aquacurrentsrp.foren-gratis.com/t5-an-application-template-maybe#22551

CSS:

Spoiler:


by Patchy
on October 18th 2016, 6:46 pm
 
Search in: Scripts Problems Archives
Topic: BBCode Tag [CODE] Stretches page far beyond its limits. This is not normal.
Replies: 5
Views: 5959

How to make this CSS work within a post

<div id="header">
   <div id="reply">
       <span class="hovernotice">Hover over this image to see the post!
       </span>
       <div style="background-image: url(https://i.imgur.com/KdO57zX.png); background-size: 520px; width: 520px; height: 168px;">
       <div style="font-family: Algerian; font-size: 25px; text-shadow: 2px 2px 4px #000000; color:#FF0000; margin-top: -85px; margin-bottom: 80px; text-align: right; width: 350px;">
           </div>
       <br />
       <div id="textfield">
         <div id="rounder">
Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here!
           <br />
         </div>
       </div>
     </div>
   </div>
<style type="text/css">
#header {
  height: 670px;
  width: 520px;
}

#reply {
  height: 104px;
  width: 411px;
  opacity: 0.9;
  overflow: hidden;
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
}

#reply:hover {
  height: 670px;
  width: 520px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  opacity: 1.0;
}

#textfield {
  font-size: 11px;
  line-height: 12px;
  padding: 10px;
  font-family: Calibri;
  text-align: justify;
  color: #000;
  height: 670px;
}

#rounder {
  height: 670px;
  overflow-x: hidden;
  text-align: justify;
}

.hovernotice {
  font-family: Verdana;
  font-size: 9px;
  letter-spacing: 2px;
  font-height: 9px;
  text-decoration: none;
  font-weight: bold;
  text-transform: none;
}
</style>
</center>
<div class="clear"></div>
by Sora Black
on July 6th 2015, 8:04 pm
 
Search in: Scripts Problems Archives
Topic: How to make this CSS work within a post
Replies: 9
Views: 1245

Back to top

Jump to: