|
Hi,
I have a question..
how does Whatsup app makes money if it's free for download? where their profit comes from?
Thanks,
jassim
|
|
|
|
|
Not everything is profit based.
Some people are happy to give stuff away.
It is called Altruism.
------------------------------------
I will never again mention that I was the poster of the One Millionth Lounge Post, nor that it was complete drivel. Dalek Dave
CCC Link[ ^]
Trolls[ ^]
|
|
|
|
|
guys;
I have a problem in design on IE6.
when I write the code like this:
.main{background-color:gray;padding:5px}
.header{height:40px;background-color:blue;}
.leftnav{float:left;width:50px;height:260px;background-color:red;}
.content{margin-left:50px;height:260px;background-color:white}
<div class="main">
<div class=header></div>
<div class="leftnav"></div>
<div class="content"></div>
</div>
It looks like this in all browsers | but in IE6 it look like this |
what should i do to appear the same in both?
Help people,so poeple can help you.
|
|
|
|
|
Ali Al Omairi(Abu AlHassan) wrote: .leftnav{float:left;width:50px;height:260px;background-color:red;}
.content{margin-left:50px;height:260px;background-color:white}
Your class .leftnav is floating left and .content isn't. It could be why. Try something like:
.leftnav{ float:left; width:50px; height:260px; background:red; }
.content{ float:left; height: 260px; background:white; }
I just eliminated the margin-left on the .content class and replaced it with float:left.
Hope that helps.
Morgs.
|
|
|
|
|
Thank you.
But actualy, the the content div is used to hold Dynamic content (e.g. records from the database).
using float css would make the content to overflow the main div.
consider tha actual css
.main{background-color:gray;padding:0px 90px}
.header{height:250px;background-color:blue;}
.leftnav{float:left;width:200px;}
.content{margin-left:200px;min-height:450px;}
Logo & Company Name Item1
Item2
Item3
Item4
Item5 databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
Help people,so poeple can help you.
|
|
|
|
|
Here is the rule around this:
- if two one elements (e.g. div id="1") is floating left, and the next element also happens to be the same (e.g. div id="2"), the the browser will automatically make div id="2" float left aswell untill it finds a different element type (e.g. img) or a div with style="clear:both/left;" thats when it will go to the next line.
I'm purposly assuming my dear old IE6 won't understand this rule.
- The .main doesn't have a set fixed width or height so this div class="main" will grow automatically and nothing will "Overflow".
- I still insist on making two elements float:left if you want them next to each other, using that margin-left:200px will make you cry endlessly if you care resize the browser or simply when viewed in different browsers. And yes, either .leftnav or .content will be higher/longer than the other one unless if you explicitly set the same height for the classes but like you mentioned .content is loaded dynamically.
Good luck,
Morgs
|
|
|
|
|
with floating;
It would appear like this with no height for .main
Logo & Company Name Item1
Item2
Item3
Item4
Item5 databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
| and like this with adding min-height to .mainLogo & Company Name Item1
Item2
Item3
Item4
Item5 databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
|
Help people,so poeple can help you.
modified 2-Nov-11 9:25am.
|
|
|
|
|
My e-mail said you left a message on my blog on CP asking for help, but it disappeared. Anyway Morgs Morgan is correct: you should use floats to arrange divs, or you'll find a world of pain. You need to decide whether you want a fixed or fluid layout, personally I think fixed is good. The following is the usual way to achieve a fixed layout:
<html>
<head>
<style type="text/css">
*
{
padding:0px;
margin:0px;
}
body
{
background-color:gray;
}
div#container
{
width:640px;
}
div#header
{
background-color:blue;
height:40px;
}
div#menu
{
background-color:red;
float:left;
height:400px;
width:100px;
}
div#content
{
background-color:white;
width:540px;
float:left;
height:400px;
}
.clear
{
clear:both;
}
</style>
<head>
<body>
<div id="container" >
<div id="header" >Header</div>
<div id="menu" >Menu</div>
<div id="content">Content </div>
<div id="footer" class="clear" />
</body>
</html>
I haven't tested the above in IE6, but it should work, that said IEn where n < 8 are so quirky there are lots of things that should work that don't. IIRC think the footer div needs to be expanded and a
|
|
|
|
|
OK, I didn't expect that when I called you.
but about the data, shall I add overflow:auto to the content div css?
Help people,so poeple can help you.
|
|
|
|
|
You were right, Morgs;
the page would look like this
Logo & Company Name Item1
Item2
Item3
Item4
Item5 databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
databound
sorry for misunderstanding.
Help people,so poeple can help you.
|
|
|
|
|
|
You are a :kiss:
Help people,so poeple can help you.
|
|
|
|
|
.main{width:100%;background-color:gray;padding:5px}
.header{height:40px;background-color:blue;}
.leftnav{float:left;width:50px;height:260px;background-color:red;}
.content{ width: 70%; float:left;margin-left:50px;height:260px;background-color:white}
Please set the width and float in class "content" and set the width in class "main" to 100% or required width in px
Er. Pankaj Sinha
|
|
|
|
|
hello all,
I am facing some difficulties with dreamweaver cs4, could anyone please help me out with.
I am new to dreamweaver so my question might be very basic.
I have a ready made page by my friend, which has one submenu(links). On click of the link it opens particular Division(div) on the page itself (something like contentPageHolder)......Now my problem is to view this divisions in design mode.. . Always the first division is being seen. (Ofcoruse since I cannot click the links in design mode) . . Which is the way in order to view different divisions in design mode
Thanks in advance
hrishi
|
|
|
|
|
Hi guys,
I have table in master&contentpage and in my content page when I add style it apply to both master and contentpage But I want just content page give this style what can I do?below is my code
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<style type="text/css">
td{height:30px; padding-right: 10px}
tr{border-bottom-style: solid; border-bottom-width: thin; border-bottom-color: #C0C0C0; }
</style>
</asp:Content>
Thanks.
|
|
|
|
|
Hi by defining your style like that mean that all the td and tr will have that styling you have specified.
You can narrow that down to something like:
<style type="text/css">
.contentTable td
{
height:30px;
padding-right: 10px;
}
.contentTable tr
{
border-bottom: 1px solid #C0C0C0;
}
</style>
The .contentTable defines a css class which you can now apply to a table in your content place holder like so:
<table class="contentTable">
<tr>
<td>The data</td>
</tr>
</table>
Hope that helps
|
|
|
|
|
Thanks.
It works correctly.
|
|
|
|
|
|
Hi
What do you mean Mr.Inanloo?!!!
Where do you work now?Is it OK?
|
|
|
|
|
سلام
چه خبر ما که داریم می ریم سربازی
|
|
|
|
|
|
apadana_1989@yahoo.com
ali.inanloo.1989@gmail.com
|
|
|
|
|
I have just spent the entire day (plus a couple of hours yesterday) trying to figure out why, after I implemented a menu system with dropdown in CSS (replacing a set of <tables> etc), most pages on the web site worked in IE9, but a few didn't, while everything worked every time in Chrome.
The pages are generated from ASP using VB, but the problem turned out to depend simply on whether the DOCTYPE directive was output as the first line or whether there was anything else (or it was missing).
Now, I always though that the DOCTYPE only affected the actual HTML, but it seems that IE also uses it to switch CSS compatibility as described here.
This also mentioned that a lot of 'workarounds' for IE could probably be dispensed with if people simply specified (using DOCTYPE) what standard of HTML/CSS they are using and stopped using 'Quirks Mode'. As this article mentions, a lot of people probably don't realise that IE's strange behaviour in many areas is simply try to provide backward compatibility because you haven't told it not to!
As mentioned, Chrome doesn't care! Presumably it's 'Quirks Mode' corresponds to a standards compliant set!
[PS: Just felt I needed to tell someone. ]
[PPS: this started as a post to ask how to fix the problem; while trying to write a mininal test case, I 'discovered' that the DOCTYPE directive controls CSS behaviour as well!]
|
|
|
|
|
As I found out there are a heap of cases (maybe even a majority?) where CSS2 properties are supported by IE8 only if a !DOCTYPE is present. The other browsers seem to have done a better job of shedding their historical baggage (or maybe they hadn't accumulated as much in the first place ).
Cheers,
Peter
Software rusts. Simon Stephenson, ca 1994.
|
|
|
|
|
The *REALLY* frustrating (mis-)feature is that IE8 seems to ignore the "Derek
-- [Please select comment...]
|
|
|
|