I'm relativly new to CSS but understand the fundamentals behind it so go easy on me I'm aware that a tableless design is better but for now I'll have to stick with a modified default template that comes with Joomla.
I run a website which is Joomla based and I've modified the default template to make it look as I want. I'm having a small but annoying problem with one element of the pages.
Heres the page: http://www.tenerife-uncovered.com/index.php/Table/Island-Guides/
If you view this in IE and FF you'll see that the middle column's title text is placed differently making the page design look a little off. The side colums header is is ok and sits exactly as it should.
Can anyone help to ensure that it's the same acoss browsers? I've spent hours playing with it in my limited knowledge and now suspect something somewhere is conflicting with it.
Lee, I havn't actually
I havn't actually tried this as I would have to save out all the images etc... for the layout to display on my machine. But although white space is not meant to make any differeny is somtimes does, so you could getting ridd of some whitespace and see if that has any effect?
Hi, Thanks for the reply.
Hi, Thanks for the reply. I'm not sure what you mean about removing whitespace? How would I do that?
Whitespace includes spaces,
Whitespace includes spaces, new lines and tabs.
so instead of:
<td> <table> <td>
You would remove the whitespace like this:-
You may not be able to do this if the contentmangement system generates the whitespace itself
Hi, The CMS will generate
The CMS will generate some of the HTML automatically but I do have controll of some of the output.
I'll give it a go but I dont think i'd have control over the whitespace in that particular area as its generated by a component.
There is another discussion
There is another discussion on whitespace here:
Have you tried 'vertical-align:top' ?