Hi all
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
how can i solve this problem
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>
bg problem with opera
You need to zero the margin for p:
p {margin:0;}
bg problem with opera
You need to zero the margin for p:
p {margin:0;}
thanks
i had a big problem now!
can you help me
i do any thing but the box wouldn't pos correctly ((
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
bg problem with opera
You need to be a bit more specific
I like the layout though, nice idea on the right-aligned text in the input box
bg problem with opera
You need to be a bit more specific
I like the layout though, nice idea on the right-aligned text in the input box Well, it is right to left writing. Arabic usually is.
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
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!!!
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
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
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.
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.
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.You need to tone down the attitude.
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
lonly place for one
bg problem with opera
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.
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
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
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
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
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,
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
bg problem with opera
Thank you very much for answer
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 .
Regards,