No replies
egementuran
egementuran's picture
Offline
newbie
Denmark
Last seen: 9 years 11 weeks ago
Denmark
Timezone: GMT+2
Joined: 2012-03-11
Posts: 3
Points: 5

Hi all.

I need some help with opera issues. The css code is below.
You can look out at my website www.egemen.dk.
Everything works fine in ff, ie, chrome etc but it seems to opera cant handle the float. Instead of floating, it seems to but the element in a paragraph like format.
Sorry my bad english. Hope you will check out my website and see the problem.

Thanks.

body {
background-color:white;
font-family: georgia,sans-serif;
color:#333;
margin:0;
padding:0;
}
H2 {
Font-size: 40px;
}
H3 {
Font-size: 30px;
}
 
H4 {
Font-size: large;
}
H5 {
Font-size: 15px;
}
 
 
#wrapper {
width:960px;
margin:0 auto;
 
}
 
#header {
width:960px;
height:135px;
margin:0 auto;
margin-bottom:0px;
}
 
#content {
width:675px;
float:left;
padding:10px;
font-family:  New York;
}
#content img {
margin-left: 22px;
border: none;
}
 
#content p, #content ul li {
font-size: 12px;
padding-left: 22px;
line-height: 25px;
color: black;
}
 
#content h1, h2, h3, h4, h5 {
padding-left: 22px;
color: #3e8504;
font-family:  New York;
font: lighter;
letter-spacing:2px
}
 
#content a {
text-decoration: none;
color:#72ad3a;
}
#content a:visited {color:#72ad3a;}  /* visited link */
#content a:hover {color:#72ad3a;}  /* mouse over link */
#content a:active {color:#72ad3a;}  /* selected link */ 
 
#content table {
border: none;
margin-left: 22px;
}
#content input {
width: 95%;
}
#box {
float: left;
width: 300px;
border: 1px solid orange;
margin-left: 30px;
height: 200px;
}
 
a:active, a:focus {     outline:none; }
 
#sidebar {
width:200px;
float:right;
margin-bottom:25px;
 
border-left: 1px solid black;
}
 
#sidebar a:visited {color:#1f4d86;}  /* visited link */
#sidebar a:hover {color:#1f4d86;}  /* mouse over link */
#sidebar a:active {color:#1f4d86;}  /* selected link */ 
 
#sidebar a {
text-decoration:none;
font-size: 12px;
color: #1f4d86;
padding-left: 25px;
}
#sidebar h5 {
text-decoration:underline;
color: #1f4d86;
padding-left: 25px;
}
 
#sidebar li {
list-style:none;
margin-bottom: 15px;
}
#sidebar li a:hover {
text-decoration:underline;
}
 
#footer {
clear:both;
width:960px;
height:27px;
font-size: small;
background-color: #ebebeb;
}
 
#footer p {
padding-top:6px;
text-align: center;
}
 
#nav {
width:960px;
height:27px;
background-color: #ebebeb;
}
 
#nav ul {
margin:0px;
padding:0px;
padding-top: 0px;
}
 
#nav ul li {
display:inline;
height:27px;
float:left;
list-style:none;
position:relative;
}
 
#nav li a {
color:black;
text-decoration:none;
font-family: Leelawadee,sans-serif;
display: block;
font:bold;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 20px;
padding-right: 20px;
}
 
#nav li a:hover {
text-decoration:underline;
}
 
#nav li ul {
margin:0px;
padding:6px;
display:none;
position:absolute;
left:0px;
top:27px;
background-image: url("/images/submenuBack.png");
width: 160px;
 
}
 
#nav li:hover ul {
display:block;
width:160px;
}
 
#nav li li {
list-style:none;
display:list-item;
width: 160px;
 
padding-top: 5px;
padding-bottom: 0px;
 
}
 
#nav li li a {
color:#fff;
text-decoration:none;
font-size: small;
margin-left: 10px;
}
 
#nav li li a:hover {
text-decoration:none;
 
}
 
#nav ul li ul li:hover {
text-decoration:none;
background-image: url("/images/submenuBackHover.png"); background-repeat:no-repeat; background-position: center;
}
 
.test{
background-image: url("/images/buttonBack.jpg");
text-decoration:none;
font-family: Leelawadee,sans-serif;
}