HTML and CSS

Expanding Box Problem

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Oct 2006

Posts: 75

Reputation: welbyobeng is an unknown quantity at this point

Solved Threads: 0

welbyobeng welbyobeng is offline

Offline

Junior Poster in Training

Expanding Box Problem

Jun 5th, 2007

My dream weaver is giving me an error reporting I have Expanding Box Problem! Dreamweaver says "Any content that does not fit in a fixed-width or -height box causes the box to expand to fit the content rather than letting the content overflow." I have tried everything but i see the same problem. And as a result it reflects on the browsers....

•

<!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">
<head>
<link rel="stylesheet" type="text/css"
href="{$config.root_surl}/templates/css/reset.css" />
<link rel="stylesheet" type="text/css"
href="{$config.root_surl}/templates/css/amember.css" />
<link rel="stylesheet" type="text/css"
href="{$config.root_surl}/templates/css/site.css" />
</head>
<body>
<LINK
href=""
type=text/css rel=stylesheet>
<STYLE type=text/css>
.style1 {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #990000
}
#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
}
.style9 {font-size: 12px}
.style10 {font-size: 10px; }
.style12 {
font-size: 12px;
font-weight: bold;
color: #330066;
}
</STYLE>
</HEAD>
<BODY bgColor=#ffffff leftMargin=0
background=""
topMargin=0 marginwidth="0" marginheight="0">
<TABLE height=13 cellSpacing=0 cellPadding=0 width=772 align=center border=0>
<TBODY>
<TR>
<TD vAlign=top height=13>
<TABLE id=AutoNumber1 style="BORDER-COLLAPSE: collapse"
borderColor=#111111 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=top width="100%"><MAP name=FPMap0>
<AREA shape=RECT
coords=748,25,808,41
href="example">
<AREA shape=RECT
coords=624,26,674,41
href="exampl">
<AREA shape=RECT
coords=684,26,735,42
href="exampl">
<AREA shape=RECT
coords=588,25,631,4
coords=647,25,693,40
<AREA shape=RECT
coords=701,24,761,40
</MAP>
<IMG alt=""
src="index_01.jpg"
useMap=#FPMap0 border=0></TD>
</TR>
<TR>
<TD vAlign=top width="100%"><IMG alt=""
src="index_02.jpg"></TD></TR>
<TR>
<TD vAlign=top width="100%"><IMG alt=""
src="index_03.jpg"></TD></TR>
<TR>
<TD vAlign=top width=772
background="index_04.jpg"
height=43>
<TABLE id=AutoNumber2 style="BORDER-COLLAPSE: collapse"
borderColor=#111111 height=37 cellSpacing=0 cellPadding=0
width="100%" border=0>
<TBODY>
<TR>
<TD width="4%" height=37> </TD>
<TD width="93%" height=37>
<TABLE id=AutoNumber10 style="BORDER-COLLAPSE: collapse"
borderColor=#111111 cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR>
<TD align=middle><div align="center"><A href="">Example1</A>   |     <A href="">Example2</A>   |     <A href="">Example3</A>   |     <A href="">Example4</A>  |     <A href="">Example5</A>   |     <A href="">Example6</A>  |     <A href="">Example7</A>  |    <A href="">Example8</A></div></TD>
<TD width="4%"> </TD></TR></TBODY></TABLE></TD>
<TD width="3%" height=37> </TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD vAlign=top width="100%"><IMG alt=""
src="index_05.jpg"></TD></TR>
<TR>
<TD vAlign=top width="100%"
background="index_06.jpg">
<TABLE id=AutoNumber4 style="BORDER-COLLAPSE: collapse"
borderColor=#111111 cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR>
<TD width="4%"> </TD>
<TD vAlign=top width="92%" height=250>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
{if $config.lang.display_choice}{* Display Language choice if this option enabled *}
<div style='width: 100%; text-align: right;'>
{php}echo display_lang_choice();{/php}
</div>
{/if}
<br /><br />
<div class="centered">
<h1 align="center">{$title}</h1>
<hr align="center" />
<br />

I think the problem is coming from this special place

•

<div style='width: 100%; text-align: right;'>
{php}echo display_lang_choice();{/php}
</div>

Can some help

•

Join Date: Oct 2005

Posts: 1,283

Reputation: roryt will become famous soon enough

Solved Threads: 14

roryt

Offline

Nearly a Posting Virtuoso

Re: Expanding Box Problem

Jun 12th, 2007

You have obviously used dreamweaver to create alot of your code but have you tried:

Help with Code Tags

HTML and CSS Syntax (Toggle Plain Text)

.box {
height: 300px;
width: 200px;
overflow: hidden;
}

or even:

Help with Code Tags

HTML and CSS Syntax (Toggle Plain Text)

  .box {
height: 300px;
width: 200px;
overflow: auto;
}

That will make any content that is to large for the box hide and so you shouldn't get any expanding boxes.

PhotoShopthis
FlyingPen
If I have helped you please add to my reputation

Quick Reply to Thread

Show Printable Version

Similar Threads

Combo box problem (Java)
Combo box selection problem (VB.NET)
php dropdown box problem (PHP)
Trying to detect what Box I'm in in Dots and Boxes (Java)
Javascript event & color change problem (JavaScript / DHTML / AJAX)
Help with IE page loading problem (Web Browsers)
No cursor in hotmail for reply or compose...any body else have this problem? (Web Browsers)

Other Threads in the HTML and CSS Forum

Previous Thread: IE moved my menu!
Next Thread: centring an image in a css stylesheet

Thread Tools	Search this Thread
Show Printable Version Email this Page

DaniWeb Message

Cancel Changes