Dynamic Overflow Div

4 replies [Last post]

Thu, 2010-09-09 22:19

tylerrowsell

Offline

newbie

Timezone: GMT-2.5

Joined: 2010-09-09

Posts: 3

Points: 4

Hi I have a website that has dynamic content in it and I am trying to make it so when the div section is bigger the shown it grows to fit the content is there a way to do this?

Tags:

Thu, 2010-09-09 22:38

Tyssen

Offline

Moderator

Timezone: GMT+10

Joined: 2004-05-01

Posts: 8123

Points: 1302

That should be the default

That should be the default behaviour. If it's not then you need to post ALL your HTML and CSS but preferably a link.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Thu, 2010-09-09 23:58

tylerrowsell

Offline

newbie

Timezone: GMT-2.5

Joined: 2010-09-09

Posts: 3

Points: 4

Code/Link

I should warn you I am new at css so it is really messy code probably.

<!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">
<% page= Request.Querystring("page")
info=Request.Querystring("info")%>
 
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-Language" content="en-ca"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<style type="text/css">
#nav a{
				padding: 0;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
 
}
#nav a:hover{
 
	text-transform:uppercase;
	text-decoration:underline overline;
	color:#FFFFFF;
}
.type1 {
				font-size: 15pt;
				font-family: Calibri;
				text-align: center;
				color: #FFFFFF;
				background-color: #1515D8;
}
.type3 {
				text-align: right;
}
.type4 {
				border-width: 0px;
 
}
.type6 {
				background-image: url('images/Header-Mask.png');
				background-repeat: no-repeat;
 
}
.type7 {
				background-color: #C8C7C7;
}
.type8 {
				background-color: #1515D8;
				text-align: center;
}
.type9 {
				color: #FFFFFF;
}
.type10 {
				color: #FFFFFF;
				font-size: xx-small;
}
.type11 {
				font-size: xx-small;
				font-family:Verdana, Tahoma
}
.type12 {
				background-color: #FFFFFF;
}
</style>
 
 
</head>
 
<body style="background-color:gray; margin:0;" >
<div class="box" style="width:1000px; position:relative;margin-left:auto;margin-right:auto; background-color:white;" id="Box">
 
<div class="header" style="height: 450px" id="Header">
 
				<div style="position: absolute; width: 1000px; height: 450px; z-index: 1;" id="HeaderImage" >
				<img alt="Header" src="images/Headers/1.jpg" /></div>
				<div style="position: absolute; width: 1000px; height: 450px; z-index: 2;" id="HeaderImageMask" class="type6"></div>
				<div style="position: absolute; width: 200px; height: 160px; z-index: 3; left: 39px; top: 21px;" id="logo">
					<img alt="Logo" src="images/2010%20Logo%20Small.png" width="200" height="160" />
				</div>				
				<div style="position: absolute; width: 670px; height: 115px; z-index: 3; left: 239px; top: 45px;" id="title">
					<img alt="" src="images/SWGC%20Volleyball%20Title.png" width="670" height="110" />
				</div>
				<div style="position:absolute; width: 1000px; height: 40px; z-index: 4; top: 350px;" id="nav" class="type1">
 
 
				<strong>
				<a href="?page=Home">HOME</a> · 
				<a href="?page=About Us">ABOUT US</a> · 
				<a href="?page=Schedules">SCHEDULES</a> · 
				<a href="?page=Results">RESULTS</a> · 
				<a href="?page=Guestbook">GUESTBOOK</a> · 
				<a href="?page=Photo Gallery">PHOTO GALLERY</a> · 
				<a href="?page=Archives">ARCHIVES</a> · 
				<a href="?page=Links">LINKS</a> · 
				<a href="?page=Contact Us">CONTACT US</a> </strong>
 
 
				</div>
<div style="position: absolute; width: 90px; height: 44px; z-index: 3; left: 903px; top: 5px;" id="social" class="type3">
					<a href="http://www.facebook.com/pages/SWGC-Volleyball/117323028280019">
					<img alt="Follow on Facebook" src="images/facebook.png" width="40" height="40" class="type4" /></a><a href="http://www.twitter.com/swgcvolleyball"><img alt="Follow on Twitter" src="images/twitter.png" width="40" height="40" class="type4" /></a>
				</div>
 
</div>
<div style="position:relative; width:1000px; height:360px; margin-left: auto; margin-right: auto; z-index: 4; left: 0px; top: -60px; " id="Content">
<%
If page <> "" Then
FileName = Page & ".asp" 
Else FileName="main.asp"
End If
Server.Execute(FileName)%>
</div>
</div>
<div class="type8" style="position:relative; height:50px; width:1000px; margin-left:auto; margin-right:auto; z-index:4;" id="Footer">
				<span class="type9"><span class="type11">Site Last Updated:
				<!--webbot bot="Timestamp" S-Type="REGENERATED" S-Format="%B %d, %Y" --><br />
				Copyright © 2010 SWGC Volleyball. All Rights Reserved.<br />
				Site best viewed with 1200 x 800 Resolution or Higher.<br />
				For Questions or Concerns involving this site contact </span>
				</span>
				<a href="mailto:trowsell@swgc.mun.ca?subject=Volleyball Website">
				<span class="type10">Tyler Rowsell.</span></a></div>
 
</body>
 
</html>

SWGC Volleyball

Fri, 2010-09-10 00:10

Tyssen

Offline

Moderator

Timezone: GMT+10

Joined: 2004-05-01

Posts: 8123

Points: 1302

Did you design this site in

Did you design this site in Dreamweaver with Design View? Because unfortunately you're going to have to undo most of what you've done.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Fri, 2010-09-10 14:39

tylerrowsell

Offline

newbie

Timezone: GMT-2.5

Joined: 2010-09-09

Posts: 3

Points: 4

Sharepoint Designer

most of the code I have wrote myslef in sharepoint designer... some parts where done in design view of sharepoint designer.

That should be the default

Code/Link

Did you design this site in

Sharepoint Designer

New forum topics

User login

Navigation