Help - Search - Members - Calendar
Full Version: opera troubles -_-
Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics
Heathasm
Nov 15 2005, 08:03 AM

it looked like this when i had float:left; in my wrap and without it it now looks like this

my site is fine on all other browsers, EXCEPT opera . . . the header content and navigation all seem to be moved down and to the right like 13px or so -_- except for one piece of it underneathe the header where it is normal! GAHH. . . i've tried a few things like taking out the padding i have in my rap and the background for it to (thats what made me realise how it was off without that there) but any way . . . heres my css (the whole layout is css so thats pretty much all you need)

CODE
<style>
body{
margin: auto;
scrollbar-arrow-color:#B2D7EF;
scrollbar-track-color:#B2D7EF;
scrollbar-shadow-color:#fff;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-darkshadow-color:#fff;
scrollbar-3dlight-color:#fff;
background: #FDEDF3 url(bg.gif);
background-repeat: repeat-x;
font-size:10px;
}
A:link {text-decoration: none; color: #88A1B5;font-size:10px;
font-family:tahoma;}
A:visited {text-decoration: none; color: #88A1B5;font-size:10px;
font-family:tahoma;}
A:active {text-decoration: none; color: #88A1B5;font-size:10px;
font-family:tahoma;}
A:hover {text-decoration: underline; color: #88A1B5;font-size:10px;
font-family:tahoma;}

#rap
{
margin-top:10px;
margin-left:10px;
background:#B2D7EF url(rap.gif);
width:621px;
padding:5px;
border: 7px solid white;
background-repeat: repeat-x;

}
#top
{
background: url(hearts.gif);
width:621px;
height:520px;
}
#box1
{width:621px;
background:#B2D7EF;
color:#fff;
font-size:10px;
letter-spacing: 1px;
font-family:tahoma;
font-weight: bold;}

h2
{
border-bottom: 1px solid white;
background-color: transparent;
font-family: tahoma;
color:#fff;
font-size: 12px;
padding:3px;
}


#top #sidebar
{
padding: 5px;
background: white;
width: 180px;
}

#sidebar ul {
 margin:0;
 padding:0;
}

#sidebar li {
width:180px;
background:#fff;
 padding:0;
 list-style-type:none;
 white-space:nowrap;
font-family: tahoma;
font-weight: bold;
text-decoration: none;
 text-transform:uppercase;

}

#sidebar li a {
background-color: transparent;
background-image:url('heart.gif');
background-position: left;
background-repeat: no-repeat;
height:12px;
 display:block;
 padding:0 18px;
 font-size:10px;
 text-transform:uppercase;
text-decoration: none;
color:#B6D7EF;

}

#sidebar a {color:#9EC7F;}

#sidebar .selected,

#sidebar a:hover

 {
background-color: transparent;
background-image:url('heart1.gif');
background-position: left;
background-repeat: no-repeat;
height:12px;
color: #D1CFFF;}

* html #sidebar a {width:1%;}

textarea{border:none; color:#B2D7EF; font-size:11px; font-family: arial black;}
input{border:none; color:#B2D7EF; font-size:11px; font-family: arial black;}
table{border:none; color:#fff; font-size:11px; font-family: arial black;}

</style>
add1cted2f1re
Nov 16 2005, 07:54 AM
i dont quite understand your problem, nor do i see the difference between the 2 pictures
(other than one's a mac and the other one's windows)

*(please use [codebox] next time...)*
talcumpowder
Nov 16 2005, 06:35 PM
If you don't see the difference, you're blind. o-0 There's a lot of major differences that I, unfourtunately, have no idea how to fix. Although... I would expand the content or something for Opera. Because the border shrinks -can't explain it- in Opera for me. If that makes any sense.
Heathasm
Nov 17 2005, 08:21 PM
QUOTE(add1cted2f1re @ Nov 16 2005, 7:54 AM)
i dont quite understand  your problem, nor do i see the difference between the 2 pictures
(other than one's a mac and the other one's windows)

*(please use [codebox] next time...)*
*

i find codeboxes hard to read :\ if someone wanted to help me theyd probably have to open up word or something and paste it in there and thats just so much trouble so code tags make it nice and tidy

x.X i dont know how to make a certain style sheet show up for opera, im not sure if its possilbe ;-; but it makes me angry that its doing this

//edit

i think that i fixed it. opera, by default, seems to add padding to the page even if you dont have it, so it was adding it to my rap-so, i got rid of the rap and adding the border around my header and content areas and now it matches up
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.