CSS problem (not RT related)
-
-
- Robby Timmermans
- Sr. Rocketeer
- Posts: 185
- Thanks: 0
-
The following isn't related to anything here on rockettheme, but I'm hoping there are some css guru's here that can still help me out. I'm currently developping a module for MisterEstate but the CSS is giving me headaches.
On the site immo.notexa.be/ you can see the module EA Listing in the middle.
The header and footer bar are longer than the container.
When I copy the code in a html file everything looks normal:
immo.notexa.be/test2.html
I haven't got a clue on what I'm doing wrong. I tried disabling all other modules but this didn't solve the problem, changing the templates... the same. Anybody here that has an idea on what I'm doing wrong ? ???
EDIT: When the CSS problem is solved I'm going to test the module, any users of Mister Estate/Estate Agent here that are willing to be beta testers ? Just send a pm if so. - Last Edit: 17 years 8 months ago by Robby Timmermans.
- I use simplix, does this mean that I'm a simple guy ?
-
-
-
- Dan L
- Elite Rocketeer
- Posts: 1453
- Thanks: 0
-
Make the following changes to your EA CSS:
.ealisting_title { height: 20px; padding-left: 5px; padding-right: 5px; margin-bottom: 2px; background-color: #CCCCCC; text-transform: uppercase; } .ealisting_pricelocation { float: left; height: 20px; background-color: #CCCCCC; padding-left: 5px; padding-right: 5px; clear: left; } .ealisting_location { float: left; } .ealisting_price { float: right; text-align: right; }
Might need a test in IE
- Toolbox Digital | Dribbble | Forrst
-
-
-
- Robby Timmermans
- Sr. Rocketeer
- Posts: 185
- Thanks: 0
-
I removed the width: 100% markings. The header looks correct now in both FF and IE, but both browsers now have problems:
IE7: the footer is al messed up. For some reason the price isn't placed next to the location. Any idea how I can achieve the bottom line to stretch the whole length and have the location on one side and the price on the other ?
FireFox 2: The text doesn't start next to the image but below it. The text should start next to the image.
Grmbl, why can't these browsers behave the same for once :-X - Last Edit: 17 years 8 months ago by Robby Timmermans.
- I use simplix, does this mean that I'm a simple guy ?
-
-
-
- Dan L
- Elite Rocketeer
- Posts: 1453
- Thanks: 0
-
Point 2:
.ealisting_description { float: none;}
I think you have too many floats
For the IE problem, try setting the widths of these areas to the same as the box in px, 220px I think it is (minus whatever padding you have). - Toolbox Digital | Dribbble | Forrst
-
-
-
- Robby Timmermans
- Sr. Rocketeer
- Posts: 185
- Thanks: 0
-
Dan, a BIG thank you !
Removing that float indeed solved te FF problem, and setting the width on the container solved everything in IE.
You can now see the module in action (together with a RT template): immo.notexa.be/component/option,com_frontpage/Itemid,1/ - I use simplix, does this mean that I'm a simple guy ?
-
-
-
- Dan L
- Elite Rocketeer
- Posts: 1453
- Thanks: 0
-
Looks great - I've used EA before and it has loads of potential - and may well use it again, so any decent addons would be most welcome!
Keep up the good work
- Toolbox Digital | Dribbble | Forrst
-
-
-
- Robby Timmermans
- Sr. Rocketeer
- Posts: 185
- Thanks: 0
-
Thanks, I first wanted to go with EZRealty, but they don't support RT templates. So that was a no go.
EA has indeed lots of potential, but the modules currently aren't highly configurable and work with tables. So I'm rewriting them. I intend to release them by the end of the month. - I use simplix, does this mean that I'm a simple guy ?
-
Time to create page: 0.068 seconds