|
I have this simple page with 4 main DIV tags.
The first one should act as a header, and it must be 100% wide (with 4px left and right margins). The last one should act as a footer.
The other two should be placed between the "header" and "footer" DIVs, the first on the left and the second on the right of the page. The two must occupy the 100% of the page. In other words I need a DIV on the left for a menu and a wider div on the right for the contents. The "menu" DIV should be 180px wide.
I set the "menu" and "content" DIVs like this:
#SidebarDiv {
width: 180px;
float: left;
}
#MainDiv {
width: 78%;
float: left;
}
I used 78% because I want the DIVs occupying the whole page width. Obviously when the width of the browser increases, there is some blank space on the right of the "content" DIV. When it decreases the "content" div falls down, under the "menu" DIV.
So the question is: how can I make the two DIVs always occupy the whole page width, handling different window widths, all with CSS?
Thanks. 
______________________________________
Tozzi is right: Gaia is getting rid of us.
My Blog [ITA] and the ScrewTurn Software experiment
|
|
|
|
|
This may not have the desired affect you want but it works in IE 6. These web sites might be helpful:
http://www.positioniseverything.net/[^]
http://www.webreference.com/authoring/style/sheets/layout/advanced/[^]
<!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>
<title>Div Demo</title>
<style type="text/css">
#SidebarDiv
{
position : absolute;
left : 0;
width : 180px;
margin-left : 10px;
margin-top : 0px;
color : #000000;
padding : 3px;
background-color: blue;
}
#MainDiv
{
top : 0px;
margin : 0px 25% 0 186px;
padding : 3px;
color : #000000;
background-color: red;
width: 78%;
}
</style>
</head>
<body>
<div id="SidebarDiv">
<table>
<tr>
<td>Side Bar</td>
</tr>
<tr>
<td>Side Bar</td>
</tr>
</table>
</div>
<div id="MainDiv">
<table>
<tr>
<td>Main Content</td>
<td>Main Content</td>
<td>Main Content</td>
<td>Main Content</td>
</tr>
<tr>
<td>Main Content</td>
<td>Main Content</td>
<td>Main Content</td>
<td>Main Content</td>
</tr>
</table>
</div>
</body>
</html>
|
|
|
|
|
Thanks for the links, George.
______________________________________
Tozzi is right: Gaia is getting rid of us.
My Blog [ITA] and the ScrewTurn Software experiment
|
|
|
|
|
Dario Solera wrote: #SidebarDiv {
width: 180px;
float: left;
}
#MainDiv {
width: 78%;
float: left;
}
Change #MainDiv to
{
margin-left: 180px;
}Should work better.
|
|
|
|
|
I don't know if I am the only one or not, but I don't understand what your question is? What are you trying to accomplish? If you give me more info as to your problem, I will do my best to help.
|
|
|
|
|
1.) I have a gridview
2.) when the page loads, it shows rows
3.) now, i should make the backcolor of the first row = blue, the last row = red...
4.) the rows in between them should be the gradient of blue and red (blend of blue down to red)
5.) i need the code (using a dynamic method to assign colors to the rows)
i've done it already with a filter but i was asked to do it by code.
thanks so much..
hope you can help me...
|
|
|
|
|
I've been developing websites this year using ASPNET in my computing course. What I have found to be the best is to have one Default.aspx page and have a placeholder inside. This placeholder is then loaded on Page_Load with a web control by reading the query string after default.aspx.
what do you think of this approach? I mean, it has worked for me by providing validators on each web user control to check the session (to deny acess when a user not logged in tries to enter member areas). but my lecturer has read somewhere that web developers frown on this kind of work?
what do you think? thanks 
PS: I posted this here since I do not want actual ASPNET code... more like point of views.
In life truth does not matter. What really matters is what others believe to be the truth. (The Up and Comer - Book)
|
|
|
|
|
If your assignment specification(s) DO NOT forbid you from using the approach you made then that should be fine.
In any case, demand your lecturer provides you with evidence that web developers frown that kind of work, then you have the right to respond with alternate evidence.
modified 1-Aug-19 21:02pm.
|
|
|
|
|
I want to send some data from web form to a procedure, when a user click's on some table cells (APS Table) but asp.net table cells dont have any "OnClick event". How can i do this please?
Soroush Sarabi
|
|
|
|
|
hey
refert to this link to emule the onclick server side.
http://www.vbforums.com/showthread.php?t=376630
_______________
Hugues Gauthier
|
|
|
|
|
Dear All profestional of PHP code.
I would like you to show the way to write the code to solve above problem that as bellow :
I have 1 or other menu like
Advertisment, Sports, and......
when i click Advertisment Menu it drop down sub menus that they can consist of other sub menu and can like to other page.
sovanngold
-- modified at 1:15 Thursday 1st June, 2006
|
|
|
|
|
|
Hi i am getting this message below are my aspx and vb codes please help me.
aspx page
--------------------
<datalist id="dlScHead">
ItemTemplate
<table>
<tr>
<td>.. ctype(DataBinder.Eval(Container.DataItem,"ScoreCardID"),string)..</td>
</tr>
</table>
datalist ID="dlScChart" DataSource=..(GetRecords(Cstr(DataBinder.Eval(Container.DataItem, "ScoreCardId")))) ..
ItemTemplate
/ItemTemplate
<table style="FONT-SIZE: 0.8em; font-face: Arial" cellPadding="5" width="100%" align="center"
border="0">
<tr>
<td colSpan="3">
<%# Server.htmlDecode(DataBinder.Eval(Container.DataItem,"Quarter1").tostring()) %>
<%# Server.htmlDecode(DataBinder.Eval(Container.DataItem,"Quarter2").tostring()) %>
<%# Server.htmlDecode(DataBinder.Eval(Container.DataItem,"Quarter3").tostring()) %>
<%# Server.htmlDecode(DataBinder.Eval(Container.DataItem,"Quarter4").tostring()) %>
</td>
</tr>
</table>
/ItemTemplate
/asp:datalist
and code behind
--------------------
in page load event i am doing
dlScHead.DataSource = GetRecords(Nothing)
dlScHead.DataBind()
and in function getRecords i am doing
Function GetRecords(ByVal scID As String) As SqlDataReader
Dim bizProgName As String = Request.QueryString("bizProgId")
Dim CommandText As String
Try
objConn = New SqlConnection(dbPath)
objConn.Open()
If scID = Nothing Then
Dim da As New SqlDataAdapter
da.SelectCommand = New SqlCommand
da.SelectCommand.Connection = objConn
da.SelectCommand.CommandText = "select scorecardId,bizProgId,scorecarddesc,businessgoal,strategy,quarter1,quarter2,quarter3,quarter4 from textData where bizProgID='" & Request.QueryString("bizProgId") & "'"
dr = da.SelectCommand.ExecuteReader(CommandBehavior.CloseConnection)
If dr.HasRows Then
'lblError.Text = ""
Else
'lblError.Text = "No records returned"
End If
GetRecords = dr
Else
cmd = New SqlCommand("select distinct measure_id from measuredata where scoreCardId = '" & scID & "'", objConn)
Dim da As SqlDataAdapter = New SqlDataAdapter(cmd)
Dim dtid As New DataTable("measureid")
da.fill(dtid)
'select all columns with id
Dim cmd1 As SqlCommand = New SqlCommand("select * from measuredata where scorecardid = '" & scID & "'", objConn)
Dim da1 As SqlDataAdapter = New SqlDataAdapter(cmd1)
Dim dt As New DataTable("measuresource")
da1.Fill(dt)
Dim datarow As DataRow
For Each datarow In dtid.Rows
Dim chart As New DataGrid
Dim myview As New DataView(dt)
' dim chart as new mycos.mycoschartweb
myview.RowFilter = String.Format("measure_id='{0}'", datarow.Item("measure_id"))
chart.DataSource = myview
chart.DataBind()
Dim i As Integer
For i = 0 To dlScChart.Items.Count - 1
dlScChart.Items(i).FindControl("placeholder1").Controls.Add(chart)
Next
Next datarow
' GetRecords = PlaceHolder1.FindControl("placeholder1")
End If
Catch ex As Exception
Response.Write("error on child-- here" + ex.ToString + "
")
Finally
End Try
End Function
i am getting error in
dlScChart.Items(i).FindControl("placeholder1").Controls.Add(chart)
please help thanks
|
|
|
|
|
Hi everyone
I have a very annoying problem - I use an iframe to display some content from another website, I have set the iframe height to be the same height of the inner content - but still, scrolling is available. I don't mean the scrollbars - those are disabled using the scrolling="no" property, what I mean is that the user can click and drag the mouse to scroll the iframe content, and this I want to disable. Is that possible at all?
Since the iframe height and the inner content appear to be at the same height, I'm not really sure why it happens. Maybe there is a white area beneath the content, I know that if I add 20 pixels or so to the iframe height then scrolling is disabled, but then I get an ugly white gap between this iframe content and whatever it is under it.
I would appreciate any help, please note that the solution must be from my side (the outer iframe) as I don't have access to change the inner content source code.
Thank you,
Gal
|
|
|
|
|
Hi guys,
I am a newbie to the world of web designing and I have been trying a few examples to familiarize myself. I am using both javascript as well as vbscript to do that.
I am trying to extract a word (lets say "table") and count them how many times they occur in the html file. After finding the word, I want to extract a pattern that follows the word and then write the result into a file.
How do I proceed? Any useful pointers will be helpful. I am not looking for actual code but any general directions so that I can learn it myself.
|
|
|
|
|
I'd have a look at regular expressions, they would be ideal for what you are trying to do.
|
|
|
|
|
|
Hello all!
I'm wondering, can I use a MaskedTextBox in my ASP.NET 2.0 web form? I see it in my VS2005 toolbox when creating windows applications, but it isn't in my toolbox when creating a web form. How can I implement a MaskedTextBox in an ASP.NET 2.0 web app? for example, a phone number input textbox would already show the ( ) - in the textbox. Has anyone done this?
Thank you!
"Half this game is ninety percent mental."
- Yogi Berra
If you can read thank a teacher, if you can read in English, thank a Marine.
|
|
|
|
|
Hi there,
AFAIK, there's no built-in masked TextBox control in the ASP.NET 2.0, you check out the ASP.NET Custom Control Gallery[^], we used the telerik's one and happy with it.
|
|
|
|
|
|
Just use <asp:textbox textmode="password" ....="">
Mihai Voicu Drebot
|
|
|
|
|
|
seccond time today this happens to me 
<asp:textbox textmode="Password" ....="">
this actualy adds some more functionality, like disabling copy/paste, etc
Hope i understood correctly what you need
|
|
|
|
|
|
it just doesn't like what i put there
use the asp:TextBox, with attribute TextMode="Password"
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
Sorry still didn't get it...you are having a hard time of it!...