Forum Moderators: not2easy

Message Too Old, No Replies

Opera issues

Need fixes for layout.

         

Sypher_5

12:29 pm on Nov 20, 2003 (gmt 0)

10+ Year Member



I've recently installed Opera and looked over my sites. CSS it doesn't like includes.

Margin: 0px 0px;
background-position-y:
background-position-x:

Also doesn't like "align=" & "valign=" in DIV tags.

How do I over come these?

I've already solved it not liking INPUT tags used as buttons with DHTML, they all have to be inside form tags.

Wertigon

1:06 pm on Nov 20, 2003 (gmt 0)

10+ Year Member



First off: There's no such thing called background-position-y or background-position-x."background-position: x y;" will work however. I don't know why the margins are skewered, there is no reason they should be. Try Margin : 0px; or use only lowercases (margin : 0px; )

And use style="align : 10%; valign : 20%;" instead.

And doesn't like includes? What do you mean by includes?

stevedob

1:51 pm on Nov 20, 2003 (gmt 0)

10+ Year Member



And doesn't like includes? What do you mean by includes?

"examples of CSS it doesn't like are"

Sypher_5

2:50 pm on Nov 20, 2003 (gmt 0)

10+ Year Member



Hmm, background-position-y or background-position-x must be IE only.

Figured out how to do it with just "background-position: xvalue yvalue".

My margin style is in my body section of my css file is that going to affect it?

body {
background-color: #a0a0a0;
color: #000000;
margin: 0px 0px;
font-family: tahoma, serif family;
font-size: 10px;
}

Thanks stevedob, I meant to put a ":".

Will try "align: value" & "valign: value" when I get back to that site section.

Sypher_5

4:58 pm on Nov 20, 2003 (gmt 0)

10+ Year Member



In relation to style="align : 10%; valign : 20%;" how does this work in relation to setting alignment in <DIV> tag's?

Neither IE6 or Opera does anything when I use it.

<div class=nav style="align : 10%; valign : 10%; height: 200px; width: 200px;">
Nav
</div>

garann

5:18 pm on Nov 20, 2003 (gmt 0)

10+ Year Member



I don't think either align or valign is a valid style property. You can substitute text-align and vertical-align, respectively, but text-align won't take a percentage.

Sypher_5

6:04 pm on Nov 20, 2003 (gmt 0)

10+ Year Member



After some trial and error, "margin: 0px 0px;" can be replaced with, "padding: 0px;" in the body tag.

However IE doesn't recognise this so you have to have both.


body {
margin: 0px 0px;
padding: 0px;
}

Annoying to say the least.