css
| From: | JeRRy | Date: | Thu, 09 Feb 2006 12:23:23 +0000 |
| Subject: | css | ||
| References: | 1 | Groups: | php.db |
| Request: | Send a blank email to php-db+get-41201@lists.php.net to get a copy of this message | ||
Hi everyone,
I have created this website in PHP and mySQL at http://www.bps-testntag.com/ but have come accross an error
I was not aware of before.
Now I am using stylesheets and I have been surfing the net for about 90 minutes and yet to find a
solution, so thought I'd post here, could be basic but i can't find it online anywhere.
Get alot of forum refrences but no solution.
Here is the code below before I continue:
<style type="text/css">
html {
background : url(images/background3.jpg);
}
body {
margin : 0;
padding : 0 1px;
border : 0;
height : 100px;
background : url(images/background3.jpg);
}
body {
font-family : arial, serif;
font-size : 16px;
}
#page {
margin : 310px 0 50px 250px;
display : block;
width : 500px;
border : 1 solid #000;
background : url(images/background3.jpg);
padding : 10px;
}
#page .right {
font-size : 30px;
float : right;
}
#menu {
display : block;
top : 110px;
left : 20px;
width : 130px;
position : fixed;
border : 0;
padding : 10px;
text-align : center;
font-weight : bold;
color : #fff;
}
* html #menu {
position : absolute;
}
#menu a:visited, #menu a {
display : block;
width : 120px;
height : 20px;
margin : 0 auto;
border-top : 0 solid #fff;
border-bottom : 0 solid #000;
text-align : center;
text-decoration : none;
line-height : 20px;
color : #000;
}
#menu a:hover {
background : #aaa;
color : #fff;
}
.clear {
clear : both;
}
p:first-letter {
font-size : 25px;
color : #cc3333;
}
#fixpic {
display : block;
width : 108px;
height : 145px;
position : fixed;
bottom : 0;
left : 0;
}
* html #fixpic {
position : absolute;
}
#adsie {
position : absolute;
top : 10px;
right : 30px;
}
</style>
Now I have been told NOT to use "px" but use "%" for meassurements because
this is relient on resolution/screen_size.
HOWEVER what does 1px equal in %?
Some have said 30px equals 3% and some say 30px equals 30%. 30px and 30% don't seem right, I
changed my CSS for this and it pushes everything only slightly to the RIGHT. But removes the menu
altogether.
Can anyone offer some help here?
Also if a table is made like this:
<table width=300 height=400> Is that default % or px or what? What is the best method to
use that will work in people using screens of 600* and 1024* and both be able to view the site
cleanly and easily?
I will continue to surf.
J