make this changes to the class and id you have used.
.home-squares{
/*height:224px;*/
}
#container{
/*float:right;*/
overflow:hidden;
}
Type: Posts; User: monicasaha; Keyword(s):
make this changes to the class and id you have used.
.home-squares{
/*height:224px;*/
}
#container{
/*float:right;*/
overflow:hidden;
}
]*{
margin:0;
padding:0;
}
#middle{
margin:0 315px 0 215px;
border:4px solid #330000;
height:300px;
}
<!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>
<meta...
why not?? You can check the zip.file as for sample..I can see it working well in IE7, IE 6, Firefox. I don't have IE 8. Please check this IE 8 and let me know it is working or not.
please check the attachment.. I have not done pngfix for ie6 . hope that u can do that yourself.
Thanks
Monica
I will answer you one by one as much as I know:
1. Position:relative makes no change to a div or any tag until and unless u put a div into it with position:absolute.
2.
*{
padding:0;...
u can use this code:
<style type="text/css">
*{
padding:0;
margin:0;
}
.lid112_column1
make height and line-height same
html pages are not w3.org validate. http://vivid-avenue.net/owner/ has 9 errors.Firstly try to validate the pages. This will automatically solve ur issues.
yes i have overlooked that .. single page wont allow 2 same id..
.help_msg_cont{
position:relative;
z-index:0;
}
.tooltip{
width:25em;
padding:.5em 1em;
background:#f5f8fd;
border:1px solid #b1c8d6;
position:absolute;
could not understood A.P. and R.P
If u don't mention any width attribute then it can also take 100% width.
But it would be better to replay if I can see ur code.
u can try this css
body{
margin: 0px;
padding: 0px;
background: white;}
#wrap, #nav, #cont{
height: 100%;}
#wrap{
i think if u make the image display:block giving a little bit of right-margin.. with float:left... there will be no requirement of extra div.
use font-size:0;line-height:0; to every small corner div...this solve ur IE 6 problem
have u used more css or javascript.. for this? if yes plz add this with it..
moreover i have chnaged the font with ur given code..nothing disappear
if u dont wanna try to make the with fixed of the ultag.. u can also try this code
body
{
margin: 0px;
padding: 0px;
text-align:center;
}
div.main{
background: black...
body
{
margin: 0px;
padding: 0px;
text-align:center;
}
div.main{
background: black url(images/navi_back.png) 0 0 repeat-x;
height:57px;
overflow:hidden;
u can try min-height attribute to solve ..
#nav a:hover {
background: #42a4cb;
color: #FFFFFF;
display: block;
text-decoration: none;
border-bottom:none;
font-size:12px;
padding: 0px 5px 0px 5px;
}
thank u that really works...
Actually i wanted to make a div position fixed in all browsers.. including IE 6, if I scoll the page vertically.. i want to make the div in the same place as it did in firefox.. but all these tricks...
Actually i tried to use that link..but it does not make any difference to me.
i have given a great thought to ur problem but could not solve it completely.
IE 6 is still not responding to the left nav bar position:fixed; rest i solved.
But i cannot send u the file here...