It appears you have not yet registered with DEVPPL. To register please click here... (it's fast, easy and free!)

Forum

Log In Sponsors
Board index Programming CSS Forum

divs are too wide

divs are too wide

Postby whitemok on Sat Jan 20, 2007 12:20 am

please help!
I know my contents size are wrong but i made the images smaller and still the bottom scroll bar still there. I that gone.
I tried messing the size but no luck
http://www.hottunaint.com/test8.htm
here is the css:

#container {
width:700px;
padding:3px;
border:3px double #999;
margin:auto;
}
#container:after {
content:"";
display:block;
clear:both
}
#banner {
width:700px;
height:94px;
border:0px solid;
}
#menuHolder {
background-color:#000;
margin:5px 2px;
padding:1px;
}
div.menuBar {
width:34em;
}
div.menuBar, div.menuBar a.menuButton, div.menu, div.menu a.menuItem {
font-family: "MS Sans Serif", Arial, sans-serif;
font-size: 8pt;
font-style: normal;
font-weight: 900;
color: #e51f26;
}
div.menuBar {
background-color: #000;
border: 5px outset #000;
text-align: left;
}
div.menuBar a.menuButton {
background-color: transparent;
border: 0px solid #e0e0e0;
color: #fff;
cursor: default;
left: 0;
margin: 1px;
padding: 2px 6px 2px 6px;
position: relative;
text-decoration: none;
top: 0;
z-index: 100;
}
div.menuBar a.menuButton:hover {
background-color: transparent;
border: 1px outset #e0e0e0;
color: #e51f26;
padding: 2px 5px 2px 5px;
}
div.menuBar a.menuButtonActive, div.menuBar a.menuButtonActive:hover {
background-color: #e51f26;
border: 1px inset #e0e0e0;
color: #fff;
left: 1px;
top: 1px;
}
div.menu {
background-color: #e0e0e0;
border: 2px outset #e0e0e0;
left: 0px;
padding: 5px 1px 1px 0px;
position: absolute;
top: 0px;
visibility: hidden;
z-index: 101;
}
div.menu a.menuItem {
color: #000;
cursor: default;
display: block;
padding: 3px 1em;
text-decoration: none;
white-space: nowrap;
}
div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
background-color: #e51f26;
color: #fff;
}
div.menu a.menuItem span.menuItemArrow {
margin-right: -.75em;
}
div.menu div.menuItemSep {
border: 1px inset #e0e0e0;
margin: 4px 2px;
}
#presspanel {
width:240px;
height:342px;
overflow:auto;
margin:0 5px;
display:inline;
float:left;
}
#presspanel img {
width:223px;
height:108px;
border:0px solid;
margin-bottom:8px
}
#content {
width:420px;
height:342px;
overflow:auto;
margin:0 5px;
float:left;
display:inline;
font-size:13px;
}
#content div {
margin:0 10px 10px 10px;
font-weight:bold;
}
#content p {
margin:10px;
text-align:justify;
}
#content a img {display:block;margin:auto;
border:0px solid;
}
#copyright {
line-height:58px;
background-color:#000;
margin:0 2px;
color:#999;
font-size:10px;
font-weight:bold;
text-align:center;
clear:both;
}
whitemok
 
Posts: 24
Joined: Wed Jan 17, 2007 2:43 am

heres my html code

Postby whitemok on Sat Jan 20, 2007 12:30 am

<div id="content">
<td colspan="3" rowspan="3" align="center"><table width="432" border="0">
<tr>
<td><div align="center"><img src="images/teamsheathumbbiotest4.jpg"></div></td>
<td><div align="center"><img src="images/teamsheathumbbiotest4.jpg"></div></td>
<td><div align="center"><img src="images/teamsheathumbbiotest4.jpg"></div></td>
</tr>
<tr>
<td><div align="center"><img src="images/teamsheathumbbiotest4.jpg"></div></td>
<td><div align="center"><img src="images/teamsheathumbbiotest4.jpg"></div></td>
<td><div align="center"><img src="images/teamsheathumbbiotest4.jpg"></div></td>
</tr>
<tr>
<td><div align="center"><img src="images/teamsheathumbbiotest4.jpg"></div></td>
<td><div align="center"><img src="images/teamsheathumbbiotest4.jpg"></div></td>
<td><div align="center"><img src="images/teamsheathumbbiotest4.jpg"></div></td>
</tr>
<tr>
<td><div align="center"><img src="images/teamsheathumbbiotest4.jpg"></div></td>
<td><div align="center"><img src="images/teamsheathumbbiotest4.jpg"></div></td>
<td><div align="center"><img src="images/teamsheathumbbiotest4.jpg"></div></td>
</tr>
</table></td>
</div>
whitemok
 
Posts: 24
Joined: Wed Jan 17, 2007 2:43 am


Who is online

Users browsing this forum: No registered users and 0 guests