Now i have this situation
When you look at My Newsite in Firefox that blue textbox is aligned in center, but in explorer it goes to left of middle div tag..
Argh.. I was really hopping this wouldn't make problems, but i guess i'm just not lucky...
And when i just take textbox with margin: auto; it aligns perfectly in both browsers
Look Here
Now this is the code for first example
CODE
<html>
<head>
<title>Internet House.beta</title>
<style type="text/css">
body {
background-color: #000000;
}
.top {
position: static;
width: 890px;
height: 145px;
background-color: #ffffff;
display: block;
}
.header {
margin-left: 145px;
}
.wraper {
position: relative;
width: 890px;
height: 100%;
background-color: #ffffff;
}
.menul {
position: absolute;
width: 145px;
height: 100%;
background-color: #333333;
}
.content {
position: absolute;
width: 600px;
height: 100%;
margin-left: 145px;
background-color: #cccccc;
}
.menur {
position: absolute;
width: 145px;
height: 100%;
margin-left: 745px;
background-color: #333333;
}
.bottom {
position: relative;
width: 890px;
background-color: #ffffff;
}
.textarea {
margin:10px auto 0 auto;
padding:0;
width:300px;
background:#B4D5ED;
}
.topleft{
margin:0;
padding:0;
background:url(topleft.jpg) top left no-repeat;
}
.topright{
margin:0;
padding:0;
background:url(topright.jpg) top right no-repeat;
}
.bottomright{
margin:0;
padding:0;
background:url(bottomright.jpg) bottom right no-repeat;
}
.bottomleft{
margin:0;
padding:0;
background:url(bottomleft.jpg) bottom left no-repeat;
}
p.text {
font:12px/16px verdana, arial, serif;
color: #000000;
margin:0;
padding:10px;
text-align:justify;
}
</style>
</head>
<body>
<div class="top">
<div class="header"><img src="img/header.png"></img></div>
</div>
<div class="wraper">
<div class="menul">Meni Lijevi</div>
<div class="content">James Webb Young wrote about 40 years ago in his little gem "A technique for producing Ideas": An idea is nothing more nor less than a new combination of old elements.
<div class="textarea">
<div class="topleft">
<div class="topright">
<div class="bottomright">
<div class="bottomleft">
<p class="text">Things in the future have changed dramatically. I bought Canon A40 in year 2002 and took several interesting pictures with it. Later I bought Sony DSC S-75 cause I liked its macro potencial. But I sold it quickly cause it had lot of noise in images and awful white balance. Just before end of year 2003 I bought myself second hand Canon G3 which I am still using. Canon G3 is very good prosumer camera with pleasant results.</p>
</div><!--bottomleft-->
</div><!--bottomright-->
</div><!--topright-->
</div><!--topleft-->
</div><!--textarea-->
</div>
<div class="menur">Meni Desni</div>
</div>
<div class="bottom">Boootooom</div>
</body>
</html>
How to arrange all of this to work just fine...(don't mind those mising images they are not important)
Thank you...
