float free template?

[Turki]

Hi,

I'm working on a new Arabic based pligg site. However I'm having some problems with the templates. My main problem is with firefox, appearantly there is a bug that I have no idea when will they get around to fixing. The problem is Arabic is a RTL language and as a result I have to switch the entire template to a RTL layout. This shouldn't be a problem if it weren't to a float bug in firefox. To switch a site design its as simple as adding "dir='rtl'" to the html tag and changing all the right alignment to left and vise versa and switching the second and fourth values of paddings and margins. This works fine with all browsers except those based on the firefox engine, as the float doesn't recognize the RTL command.

Anyway to make a long story short I need my site to work on firefox and the only logical way as far as I can figure till firefox is fixed is to use a template that is float free. I'm week when it comes to design so was hoping that there was a template out there that dosent use float?

for those interested here is the edited template. http://www.arabschose.com/

Thanks for your time.

[beatniak]

Originally Posted by Turki

....This shouldn't be a problem if it weren't to a float bug in firefox.
...I need my site to work on firefox and the only logical way as far as I can figure till firefox is fixed is to use a template that is float free.

Firefox bugged? Can't float? What the ... are you talking about???? Every CSS coder knows IE is bugged, not FF! IE doesn't give a crap about the W3C standards, and that's the reason most stylesheets have IE hacks to make the design cross-browser --- not the other way around (FF hacks).

Please learn the basics about floats before calling other things -like a certain browser or programming language- buggy.

EDIT: After looking at your CSS, let me rephrase that: please learn the basics of CSS first.

Let me point you in the right direction for solving your problem:

The yget/mb/whatever template have a certain logic. Read the basics about floats, and examine the CSS file of your template after that to try and find that logic. These are the most important ones for the logic you are looking for:

#wrap
#sidebar
#contentbox
#content
#content-wrap2

After finding the logic, you can alter your design or float to whatever you need. Trust me -- learn the basics of CSS before you hack a template to your needs.

I'm not trying to bash you or anything, but trying to help you. Try and find the solution to this yourself --- you'll learn a lot from it. Why ask people everything you don't know instead of learning that stuff yourself, so you can solve future problems yourself?

[Turki]

Originally Posted by beatniak

Firefox bugged? Can't float? What the ... are you talking about???? Every CSS coder knows IE is bugged, not FF! IE doesn't give a crap about the W3C standards, and that's the reason most stylesheets have IE hacks to make the design cross-browser --- not the other way around (FF hacks).

Please learn the basics about floats before calling other things -like a certain browser or programming language- buggy.

EDIT: After looking at your CSS, let me rephrase that: please learn the basics of CSS first.

Let me point you in the right direction for solving your problem:

The yget/mb/whatever template have a certain logic. Read the basics about floats, and examine the CSS file of your template after that to try and find that logic. These are the most important ones for the logic you are looking for:

#wrap
#sidebar
#contentbox
#content
#content-wrap2

After finding the logic, you can alter your design or float to whatever you need. Trust me -- learn the basics of CSS before you hack a template to your needs.

I'm not trying to bash you or anything, but trying to help you. Try and find the solution to this yourself --- you'll learn a lot from it. Why ask people everything you don't know instead of learning that stuff yourself, so you can solve future problems yourself?

Thanks for your help. Let me clarify this. It is a bug in firefox, I checked and its a reported bug. Also I tested the site on other browsers, not limited to IE. I tested safari and Opera as well as IE. So unless everybody is wrong and only firefox is correct then thats another matter. This problem occurred to me before on other templates for other scripts. The problem only occurs with the float command. Everything else works fine.

If you have an idea on how to fix this please show me a sample and I will be happy to do it my self. I did a search to the entire Internet as far as I can figure the code is fine, its firefox thats messing things up.

[abcdefgary]

I don't think it is firefox's fault here. I looked at your website on IE and it displayed the same thing. I think I've found the problem here.

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ar" lang="ar" dir="rtl">

I saw that on the second line of your page source.

Since the Arabic language is written and read from right to left, when you set the language to "AR", it displays the contents from right to left, rather than left to right. I think this is the problem here.

So instead of setting the language on that line, the best way should be to set the language using META tags, like on most popular international websites, using "charset" or whatever.

I'm pretty sure there's other people who can shed some light on this. But I think this is the problem.

k, bye

[Turki]

Originally Posted by abcdefgary

I don't think it is firefox's fault here. I looked at your website on IE and it displayed the same thing. I think I've found the problem here.

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ar" lang="ar" dir="rtl">

I saw that on the second line of your page source.

Since the Arabic language is written and read from right to left, when you set the language to "AR", it displays the contents from right to left, rather than left to right. I think this is the problem here.

So instead of setting the language on that line, the best way should be to set the language using META tags, like on most popular international websites, using "charset" or whatever.

I'm pretty sure there's other people who can shed some light on this. But I think this is the problem.

k, bye

mmmmmmm..... I guess I didnt check it on IE, I thought I did?? well either I'm wrong or the problem extends to IE.

Ok I rechecked it on the different browsers, Safari and Opera are fine. Firefox and IE are not. Guess I need more work on this.

[Turki]

Originally Posted by beatniak

This is hilarious!!! Dude, you're cracking me up!

You're like a kid hitting around with a hammer,
trying to hit a bunny in the wall.
Because you need to hang a picture on the wall.
And because the bunny won't go into the wall,
you're saying that the hammer has a fabrication fault in it.

Dude, do you even know what a float is? What you can do with CSS or HTML? You can solve your problem in 10,000 ways, and you can't solve it because FF has an error with floats??? Dude, there are millions of websites using floats (RTL and LTR alike) and you're saying there's a problem somewhere in a browser?

Learn something about your hammer first ( =tool: CSS/HTML)
Then learn something about the bunny --- that should be a nail by the way ( =technique: floats, positioning, etc)
And shouldn't you first look for what's the best way to hang the picture on the wall? ( =required solution: sidebar left or right and other design/layout issues)

Ok, i'll help you with your bunny or whatever: http://www.google.com/search?num=50&...&q=css+layouts

If you can't choose, just look at these 95 things you can do with a hammer: http://www.code-sucks.com/css%20layouts/
Click the picture you like, click "download" and see what they did with the hammer.

Good luck hanging that picture on the wall.

You know what? Thanks but no thanks. Please don't respond to my posts any more. You are a rude person. Insulting me doesn't help. If you don't have a helpful answer please don't post insults.

I'm not stupid, I run a few sites a couple of which are Arabic, and I know how to use google and I read about CSS and HTML as well as working with it.

My question was simple is there a template that doesn't use float. the answer is as simple as no.

If this is the type of help a person gets from this community then I'm in the wrong place.

Thank you for your help and good manners.

[beatniak]

Aaaaargh.

1) no there are no templates without using floats
2) but you can make it yourself

Because i was so rude i'll give you the solution. On top of my head, it should be somthing like this:

  #yourheader {
  position:relative;
  padding-left:20%;
  padding-right:10px;
  }
  #yoursidebar {
  position:absolute;
  top:0;
  left:0;
  width:20%;
  }
  #yourcontent {
  position:absolute;
  top:0;
  left:20%;
  width:80%;
  }
  #yourfooter {
  position:relative;
  padding-left:20%;
  padding-right:10px;
  }

Just rename the id's i used to whatever names you are using.

[abcdefgary]

Originally Posted by Turki

mmmmmmm..... I guess I didnt check it on IE, I thought I did?? well either I'm wrong or the problem extends to IE.

Ok I rechecked it on the different browsers, Safari and Opera are fine. Firefox and IE are not. Guess I need more work on this.

Why don't you just try and change lang="ar" to lang="en" and see if it helps fix the problem? It only takes like 5 seconds to test and try, don't be lazy.

[Turki]

Originally Posted by beatniak

Aaaaargh.

1) no there are no templates without using floats
2) but you can make it yourself

Because i was so rude i'll give you the solution. On top of my head, it should be somthing like this:

  #yourheader {
  position:relative;
  padding-left:20%;
  padding-right:10px;
  }
  #yoursidebar {
  position:absolute;
  top:0;
  left:0;
  width:20%;
  }
  #yourcontent {
  position:absolute;
  top:0;
  left:20%;
  width:80%;
  }
  #yourfooter {
  position:relative;
  padding-left:20%;
  padding-right:10px;
  }

Just rename the id's i used to whatever names you are using.

Thank you for your help, I appreciate it. Will try it.

[Turki]

Originally Posted by abcdefgary

Why don't you just try and change lang="ar" to lang="en" and see if it helps fix the problem? It only takes like 5 seconds to test and try, don't be lazy.

not lazy just never occurred to me. Well tried it, no good.