|
Randor wrote: Did you test this first?
You mean apart from including the live HTML in my message[^] so you could see it in action? I'm not sure what you mean.
One caveat, though: I enclosed the DIVs inside a larger, fixed height div for display purposes. The lower div then expands to fill the height of the surrounding container.
Now, if you want the 3 DIVs to be full browser height, and not just the full height of a containing HTML element, then the following will do it. And yes, I tested in IE8, FF3.6, Opera10, Chrome and Safari. Note the lack of XHTML doctype
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
body,html{ height:100%; padding:0;margin:0; } <!-- force viewport to be height of browser window -->
</style>
</style>
</head>
<body>
<div style="background-color:gray;height:100%">
<div style="height:100px;background-color:red;"> First row </div>
<div style="height:100px;background-color:green"> Second row </div>
Final row
</div>
</body>
</html>
cheers,
Chris Maunder
The Code Project | Co-founder
Microsoft C++ MVP
|
|
|
|
|
If they have done it right, any post made by CSS will be moved to this forum with a notation such as "See also ...", and any topic started by css will immediately be moved here. "Quarantine".
|
|
|
|
|
In.
Your.
Dreams.
------------------------------------
I will never again mention that I was the poster of the One Millionth Lounge Post, nor that it was complete drivel. Dalek Dave
|
|
|
|
|
and, I am the first person to post in this thread and mean what I assume the forum means, cascading style sheets. How did we not have a forum for this before ?
Christian Graus
Driven to the arms of OSX by Vista.
Read my blog to find out how I've worked around bugs in Microsoft tools and frameworks.
|
|
|
|
|
Probably because it fell under web development.
Certainly when I had to make some enquiries on it that is where I went.
(OMG a serious Q and A!)
------------------------------------
I will never again mention that I was the poster of the One Millionth Lounge Post, nor that it was complete drivel. Dalek Dave
|
|
|
|
|
I have to ask, why in the world do you hate CSS? I love it, though not in any amorous fashion, for the consistency it allows me when designing sites. Combining Master Pages with CSS provides so much more control over the visual effects than anything previously available that I can't imagine ever going back to inline styles.
"A Journey of a Thousand Rest Stops Begins with a Single Movement"
|
|
|
|
|
Because programming languages are consistently designed, and CSS appears to have been thrown together at random by a drunken sailor. And then it works in one browser and not another ( this is not the fault of CSS, I understand, but it's part of the overall nightmare )
Christian Graus
Driven to the arms of OSX by Vista.
Read my blog to find out how I've worked around bugs in Microsoft tools and frameworks.
|
|
|
|
|
Christian Graus wrote: How did we not have a forum for this before ?
I must have been drunk. This has been temporarily fixed.
cheers,
Chris Maunder
The Code Project | Co-founder
Microsoft C++ MVP
|
|
|
|
|
You mean the sobriety is momentary?
L u n a t i c F r i n g e
|
|
|
|
|
I am having trouble with CSS.
I can't decide if he is a twat or a C##t.
------------------------------------
I will never again mention that I was the poster of the One Millionth Lounge Post, nor that it was complete drivel. Dalek Dave
|
|
|
|
|
Why does there have to be an OR involved?
i do believe there is something in the CSS specification that states it can be both at the same time.
|
|
|
|
|
#twat, #c__t
{
paranoia: 100%;
iq: 69;
}
I'd have made those apply to classes rather than ID's, but it's clear that CSS has no class. That's not a problem, however... elements can be stacked and nested. It's just a shame that they don't add up to much.
|
|
|
|
|
Dalek Dave wrote: I can't decide if he is a twat or a C##t.
Both!
Twunt!
|
|
|
|
|
That sir, is my new favorite word!
If the post was helpful, please vote, eh!
Current activities:
Book: Devils by Fyodor Dostoyevsky
Project: Hospital Automation, final stage
Learning: Image analysis, LINQ
Now and forever, defiant to the end.
What is Multiple Sclerosis[ ^]?
|
|
|
|
|
There is the possibility of some pleasure implied in both of those, no matter the pain required to get to it.
Opacity, the new Transparency.
|
|
|
|
|
While the nuances of the difference between them escapes me, I do believe that either comparison elevates his persona to a level above his reach. Indeed, many of the happiest moments of my life have been spent between the labia described by both terms, and I can't recall a single moment of pleasure spent in his cyber-company.
I think that you owe the generative orifices of slightly more than half the world's population an apology for making such an unjust comparison.
Now, if you wish to make reference to rectal sphincters in this connection, I have no objection whatsoever - carry on!
"A Journey of a Thousand Rest Stops Begins with a Single Movement"
|
|
|
|
|
This is going to be popular from the lounge and back room. A whole forum for poking fun at CaptainSeeSharp.
"WPF has many lovers. It's a veritable porn star!" - Josh Smith As Braveheart once said, "You can take our freedom but you'll never take our Hobnobs!" - Martin Hughes.
My blog | My articles | MoXAML PowerToys | Onyx
|
|
|
|
|
You mean another one?
L u n a t i c F r i n g e
|
|
|
|
|
What is your question, Sir?
|
|
|
|
|
Hello Friends
I created a java applet based application and for that In my html Page I am checking either java is installed or not on client machine and then after that if not then it asks for installation.
Now the problem is that It is not asking in IE6(am using tht) but in firefox a pop is coming and asking for installation.
I enabled Browser Settings of ActiveX for IE through Internet options.
Do I need to make some other settings?Or any other Ideas to make it workable.
Thanks In Advance.
Regards
Yogesh
|
|
|
|
|
So,No Ideas related to this.?
Thanks & Regards
Yogesh
modified on Thursday, July 22, 2010 3:56 AM
|
|
|
|
|
Hi, I am trying to render table with ajax when in MS SQL DB data from the table changes, and I found, there is some server side event for <f:ajax> ,but I can`t find how to use it ,if is it possible somehow , thanks
<f:ajax event="some server in db change event" render="table1" >
<p:dataTable id="table1" var="user" value="#{conectedTable.list}" rows="10" paginator="true" >
<p:column>
<f:facet name="header">Login</f:facet>
#{user.login}
</p:column>
<p:column>
<f:facet name="header">First Name</f:facet>
#{user.firstName}
</p:column>
<p:column>
<f:facet name="header">Last Name</f:facet>
#{user.lastName}
</p:column>
<p:column>
<f:facet name="header">Last activity</f:facet>
<div> #{user.logTime}</div>
</p:column>
<p:column>
<f:facet name="header">Rola</f:facet>
#{user.role}
</p:column>
</p:dataTable>
modified on Tuesday, July 20, 2010 9:46 AM
|
|
|
|
|
hii....
I want to display my image on mouseover in a div tag
thanx in advance
|
|
|
|
|
Hi ahmad25,
Just try little googling[^] you will surely get very good answer easily.
Because it is very common scenario to achieve.
HTH
Jinal Desai - LIVE
Experience is mother of sage....
|
|
|
|
|
Hello,
I have the following file called index.html
<!DOCTYPE html>
<html>
<head>
<title>HTML 5 and SVG Test</title>
<script type="text/javascript">
document.onmousemove = MoveRectangle;
function MoveRectangle(event)
{
var rect = document.getElementById("mytestrectangle");
var ev = event || window.event;
rect.x = ev.pageX;
rect.y = ev.pageY;
alert("x" + ev.pageX + "y" + ev.pageY);
}
</script>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<embed id="mysvg" src="test.svg" width="800" height="600" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/" />
</body>
</html>
and this code in another file called test.svg
<svg width="100%" height="100%"
xmlns="http://www.w3.org/2000/svg">
<rect id="mytestrectangle" width="300" height="100"
style="fill:rgb(255,0,255);stroke-width:1;
stroke:rgb(0,0,255);fill-opacity:0.9;"/>
<polygon points="0,0 100,100 170,250 20,10"
style="fill:#cccccc;
stroke:#000000;stroke-width:1"/>
</svg>
now what i am tring to do is from the file index.html try to access the element called "mytestrectangle" that is in the file test.svg. But I am incliding this file in index.html via the embed object. Is there a way I can access that element via javascript from the index.html page?
hope i expained clear what i need.
Thank you in advance for the help.
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
