17 replies [Last post]
hollywood
Offline
Regular
Last seen: 14 years 15 weeks ago
Joined: 2005-10-29
Posts: 12
Points: 0

Hi all
Sad

here is the page:

http://www.parspeyvand.com/test/test.htm

when i use br code or p for break i have white space in opera Sad

how can i solve this problem Sad

thanks in advance

<style type="text/css">
<!--
.hollywoo_topestnavi {
	direction:rtl;
	position:relative;
	width: 210px;
	height:auto;
	vertical-align:top;
	overflow:auto;
	}
.hollywoo_topnavi {
	position:relative;
	background-attachment: scroll;
	background-image: url(topnavi.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 60px;
	width: 210px;
}
.hollywoo_midnavi {
	position:relative;
	background-attachment: scroll;
	background-image: url(midnavi.png);
	background-repeat: repeat-y;
	background-position: right top;
	width: 210px;
	text-align:right;
	min-height:auto;
	height:auto;
	overflow:hidden;
}
.hollywoo_bottomnavi {
	position:relative;
	background-attachment: scroll;
	background-image: url(bottomnavi.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 60px;
	width: 210px;
}
body,td,th {
	font-family: tahoma;
	font-size: 11px;
}
-->
</style>
 

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 30 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

bg problem with opera

You need to zero the margin for p:

p {margin:0;}

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

hollywood
Offline
Regular
Last seen: 14 years 15 weeks ago
Joined: 2005-10-29
Posts: 12
Points: 0

bg problem with opera

Tyssen wrote:
You need to zero the margin for p:

p {margin:0;}

thanks Smile

i had a big problem now!

can you help me Sad

i do any thing but the box wouldn't pos correctly Sad((

here is the page and files:

http://www.parspeyvand.com/test/20051030023820.zip

it's fine in damn IE but not in FF or opera Sad

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 8 weeks 8 hours ago
Joined: 2004-06-30
Posts: 9674
Points: 810

bg problem with opera

You need to be a bit more specific Laughing out loud

I like the layout though, nice idea on the right-aligned text in the input box Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies

Anonymous
Anonymous's picture
Guru

bg problem with opera

thepineapplehead wrote:
You need to be a bit more specific Laughing out loud

I like the layout though, nice idea on the right-aligned text in the input box Laughing out loudWell, it is right to left writing. Arabic usually is. Wink

hollywood
Offline
Regular
Last seen: 14 years 15 weeks ago
Joined: 2005-10-29
Posts: 12
Points: 0

bg problem with opera

i remove other images because of file size next week site i will up the site and you will see why for 3 or 4 days i didn't sleep at night and working with the site theme and now i have backpain Laughing out loud

not just theme becuase i have another problem and i have to change some php code in php theme engine to solve my block problem.

but i have big problem, i suposse more than big!!!

Sad

Iam Persian so RTL

i did everything to my css and div tag but i have lots of problems.

problem number one No one Help me Sad

problem No.2 when i use height 100% with div absulote pos the entire div tag which is a main div in middle of main page wont change its height because they aren't relative!

az u may now i use drupal cms and i couldn't change that block with relative position.
i try to make it but it effect in all other div tags so i prefer not to change its pos.

that block have dynamic height.(depend on info in block)
you know what i mean so i couldn't get it a fix pos with px or some thing else.

the third problem i have::> i don't know why the div background pos like this !

i use all of my experince for solving this prolem but i couldn't find out whats the problem is!

i try more but now i have mid and bottom attach together but the top one wont be attach to middle and i don't where is it when i change the pos.

please some one help me i write new htm and css that haven't any problem with opera so you can use p margin or anything else.

i'll put the code here maybe some one want it:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<style type="text/css">
<!--
.topest {
	direction:rtl;
	position:relative;
	width: 210px;
	height:auto;
	vertical-align:top;
	overflow:auto;
	}
.top {
	position:relative;
background-attachment: scroll; background-image: url('topnavi.jpg'); background-repeat: no-repeat; background-position: right top;
	height: 60px;
	width: 210px;
}
.mid {
	position:relative;
background-attachment: scroll; background-image: url('midnavi.jpg'); background-repeat: repeat-y; background-position: right top;
	width: 210px;
	text-align:right;
	min-height:auto;
	height:auto;
	overflow:auto;
}
.bottom {
	text-align:right;
	position:relative;
background-attachment: scroll; background-image: url('bottomnavi.jpg'); background-repeat: no-repeat; background-position: right top;
	height: 60px;
	width: 210px;
}
body,td,th {
	font-family: tahoma;
	font-size: 11px;
}
-->
</style>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>

<body>

<div class="topest">
<div class="top"></div>
<div class="mid">

HERE IS TEH EXAPMLE INAAHERE IS TEH EXAPMLE INAA<br>
HERE IS TEH EXAPMLE INAAHERE IS TEH EXAPMLE INAA<br>
HERE IS TEH EXAPMLE INAAHERE IS TEH EXAPMLE INAA<br>
HERE IS TEH EXAPMLE INAAHERE IS TEH EXAPMLE INAA<br>
HERE IS TEH EXAPMLE INAAHERE IS TEH EXAPMLE INAA<br>
<p>THIS IS A CSS FORUM 
</p>
SHAYAN IS A WS :D
</div>
<div class="bottom"></div>

</div>

</body>
</html>

i'll wait.........

the first rules of fight club is you don't talk about fight club!

but PLEaSE talk about hollywood problem Sad

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 8 weeks 8 hours ago
Joined: 2004-06-30
Posts: 9674
Points: 810

bg problem with opera

We didn;t help you because we didn't know what you wanted.

And it's the use of absolute positioning that's causing you problems.

You're obviously not very advanced with CSS (not a lot of people are, so don't be offended) so DON'T USE ABSOLUTE POSITIONING, as you have no idea what to do with it.

Ditch it and remarkup your pages without.

Verschwindende wrote:
  • CSS doesn't make pies

hollywood
Offline
Regular
Last seen: 14 years 15 weeks ago
Joined: 2005-10-29
Posts: 12
Points: 0

bg problem with opera

first your forum have a login problem each time i come here i have to login!!!!

second: i know iam not professional in desgining with css but iknow css2.1 have limited function or tag now iam waiting for 3 to come.
but i have to design my page now so....

i'll remove AB pos and solve my problem.
if you read what i wrote yo knew that what problem i have.

but thanks for no help.

Anonymous
Anonymous's picture
Guru

bg problem with opera

hollywood wrote:
first your forum have a login problem each time i come here i have to login!!!!

second: i know iam not professional in desgining with css but iknow css2.1 have limited function or tag now iam waiting for 3 to come.
but i have to design my page now so....

i'll remove AB pos and solve my problem.
if you read what i wrote yo knew that what problem i have.

but thanks for no help.You need to tone down the attitude. Evil

hollywood
Offline
Regular
Last seen: 14 years 15 weeks ago
Joined: 2005-10-29
Posts: 12
Points: 0

bg problem with opera

this days iam so angry because of IE and opera and FF !

you desgin a site with css in each of them it have problem and you have to search for finding problem.

second no one help me to find out whats the problem is.

i decied to design it agian part by part Sad
lonly place for one

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 30 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

bg problem with opera

hollywood wrote:
if you read what i wrote yo knew that what problem i have.

Just cos you can understand in your head what you're on about, doesn't mean everyone else can. And unfortunately, your grasp on English isn't helping matters either.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 8 weeks 8 hours ago
Joined: 2004-06-30
Posts: 9674
Points: 810

bg problem with opera

Now now lets all have a nice glass of water and calm down, okay?

The login thing - if you checj the box that says "remember me" or "auto-login next time" you'll be fine.

Now could you actually explicitly state what you want to achieve, what you tried, and what doesn;t work.

Thankyou Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies

hollywood
Offline
Regular
Last seen: 14 years 15 weeks ago
Joined: 2005-10-29
Posts: 12
Points: 0

bg problem with opera

Hi again,
Sorry for my langauge in afew days ago i was very angry.

about login box most of the forums make it active from default
you were right about redesgin i have to do that.

one of my problem in FF or opera was display:table !
i didn't know FF couldn't recongnize 100% height until i read a very helpful FAQ in sitepoint CSS forum and that thread, solved most of my problem.

with this tag lots of my problem solved.
i couldn't find a faq or tips and trick i this from so after some search i made a topic.

i'll come here again after i finish my work or if i face with new problem

Later Smile

hollywood
Offline
Regular
Last seen: 14 years 15 weeks ago
Joined: 2005-10-29
Posts: 12
Points: 0

bg problem with opera

hello again

i faced with new problem!
for 3hours i search for finding the reason of this problem but i couldn't find it.

here is link:
http://www.parspeyvand.com/test/20051103235310.zip
here is the images:
IE: (Fine)
http://www.parspeyvand.com/test/fine%20in%20ie.JPG
FF or Opera (Problem):
http://www.parspeyvand.com/test/probwithff

when i put my comment box after the news text the commnet box appear in the bottom of the page in FF and opera but IE show it correctly.

can somebody tell me whats wrong with this code?
thanks in advance

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 10 weeks 4 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

bg problem with opera

I took a look at your problem. I suspect it's related to static elements being too wide to lie next to the floats. The problem I had in trying to sort things out was that you've way overthought and overmanaged the html structure and the css rules. It seems that every little element has its own ruleset

This could be a result of your being new to the concept of well structured html and the style rules cascade, or it could be an artefact of Drupal. I have yet to explore Drupal, so can offer no opinion.

A look at the code in th W3 validator shows some errors, most important of which is this;

 
<!--  
 
  <div id="bottomcontent"> </div>  
  <!-- Closes the content div-->  
 
<!-- Closes the container div-->  
 
<div id="menu">  
  <div id="topimage"> <a href="#top"></a> </div>  
</div>  
<div id="footer">  
  <p class="credits">  
      
    نمجاز مي باشد.  
     <br /> 
 
</div>  
<a name = "bottom"></a> 
-->

The nested comments (a no-no) comment out the closing tags for major divs. Note, too, you open a <p> but close a <div>.

Fix that up and see if it helps. Think about re-organizing the css and the html structure. Otherwise, it will be very difficult to figure out who's doing what to whom—and that's the military definition of a cluster … .

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

hollywood
Offline
Regular
Last seen: 14 years 15 weeks ago
Joined: 2005-10-29
Posts: 12
Points: 0

bg problem with opera

Thanks KK5 for helping,

but i found the problem!
the problem was float!

the default float is left and I have to make it right and other one was the display: table for FF.

One question:
why you said that it's not good to control each object with CSS?
Sometimes I have to control my divs with unique CSS style.

One good news I installed Dreamweaver 8 and with help of DW's tools, I solve some other problem.
DW8 is very powerful in DIV.
DW7 was not useful for Div if you compare it with DW8.

Regards,

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 10 weeks 4 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

bg problem with opera

A hard question to explain. It is easier in the long run, especially when you come back to a document a few months down the road, if the elements are dealt with in relation to their contexts.

Here is a very simplistic example.

 
.menulinks { 
    … 
    } 
 
.menulistitem { 
    … 
    } 
 
#menulist { 
    … 
    } 
====== 
<ul id="menulist"> 
  <li class="menulistitem"> 
    <a href="" class="menulinks">some link</a> 
  </li> 
  <li class="menulistitem"> 
    <a href="" class="menulinks">some link</a> 
  </li> 
  <li class="menulistitem"> 
    <a href="" class="menulinks">some link</a> 
  </li> 
</ul>

So look at all the excess markup. Where do you find each class or id in the stylesheet?
 
#menulist { 
    … 
    } 
 
#menulist li { 
    … 
    } 
 
#menulist a { 
    … 
    } 
======= 
<ul id="menulist"> 
  <li><a href="">some link</a></li> 
  <li><a href="">some link</a></li> 
  <li><a href="">some link</a></li> 
</ul>

See how much cleaner the markup is. When you look for style rules, you know they'll be in the context of #menulist or an ancestor. If not there, then in the global rules. You can still set an element apart with a class or id, but that is still less markup and remains easier to read and maintain.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

hollywood
Offline
Regular
Last seen: 14 years 15 weeks ago
Joined: 2005-10-29
Posts: 12
Points: 0

bg problem with opera

Thank you very much for answer Smile

The problem i have is that some classes and some Div come from php script.

and it use in some other section too.

becuase i use CMS its not that much esay to clean up some classes.
and once i did i have problem with some other part.

Now i enjoy working with DW8
realy great tools.

thank you very much for your advice Smile.
Regards,