SOLVED Non-RT Website Layout problem
-
-
- Philip Smith
- Sr. Rocketeer
- Posts: 102
- Thanks: 0
-
Hey guys,
I'm just really stuck on this layout issue I am having and I can't seem to figure out why. It's not a Joomla site, or an RT theme, but since this is the only forum I'm really active in I thought I'd ask anyway. I'm hoping it's something really simple that I've been overlooking.
The URL of the live site is hispanicstlouis.net/portals/11/default.aspx
As you will see in Firefox, the layout appears to display fine (with the exception of a few broken image links but I know about that.)
In IE, there is one table cell that is behaving badly and giving me a big chunk of beige background when the cell should really only be 48 pixels high. (lines 61-63 in layout.html)
<td id="top" height="48"> Link 1 | Link 2 | Link 3 | Link 4 | Link 5 </td>
I've attached the layout HTML and CSS files for anyone interested
If anyone has the answer for me I'd really appreciate it!
Also, just want to say that the use of tables is only there because of the CMS, not my personal preference ;D
And, don't worry about missing <head> tags, <link> tag to the css file, etc... that is all done by the CMS.
Thanks! - Last Edit: 18 years 3 months ago by Philip Smith.
- -- ChurchWiz - Easy & Affordable Church Websites
-- www.churchwiz.com
-
-
-
- Dan L
- Elite Rocketeer
- Posts: 1453
- Thanks: 0
-
1) You don't need to add a HEIGHT definition if you've given it a height in the CSS.
2) height="48" - 48 what? Either remove and make sure this is in the CSS def (I notice you set it at height:60px in the CSS, I'd shift it below like this):
#top #banner_content { height: 60px; width: 468px; margin-top: 14px; margin-right: 4px; margin-left: 4px; } #top { background: url(../images/top_bg.jpg) repeat-x 0px 0px; height:48px; }
...or correctly define the height with:
<td id="top" height="48px">
Hope that helps
Dan - Toolbox Digital | Dribbble | Forrst
-
-
-
- Philip Smith
- Sr. Rocketeer
- Posts: 102
- Thanks: 0
-
No luck on that one ???
However, thanks for the comment. My practice for the past 3 or 4 years when using tables is to leave out the "px" on the cell dimensions. I had always assumed that if there was no % sign present that it would default to px. - -- ChurchWiz - Easy & Affordable Church Websites
-- www.churchwiz.com
-
-
-
- Dan L
- Elite Rocketeer
- Posts: 1453
- Thanks: 0
- Odd, when I try it with the files you attached just by changing the CSS as I described, it definitely did something (although is hard to tell with just those two files.
- Toolbox Digital | Dribbble | Forrst
-
-
-
- Philip Smith
- Sr. Rocketeer
- Posts: 102
- Thanks: 0
-
Virusguyz,
Thanks for looking. Yes, I was just able to fix it recently. I can't even tell you what the exact problem was, however in the solution I ended up merging two rows together and adding an extra <div> area to replace the row I took out. - -- ChurchWiz - Easy & Affordable Church Websites
-- www.churchwiz.com
-
-
-
- virusguyz
- Rocketeer
- Posts: 59
- Thanks: 0
-
Well done phil.
just for the record, I just transfered one of my sites to another RT template..
I almost came to a head with a white stripe on the right hand side of the layout/ menu that kept appearing on the new template...went through the css... went through index.php...went through all the menu suffux...jeez went through everrything...
spent about 4 hours trying to sort this out... then realised one of the news feeds had imported a graphic that pushed the boundarys of the page like 20px too far.........I actually laughed at my self for not seeing this in the first place....
I reckon that if I was to place the problem here on the forum.. ok.. i may of looked a little silly however, I would of probably saved about 3hr and 45 mins of my time to find the soloution!
Always good to view from a fresh set of eyes.. - Come visit us!
-
-
-
- Dan L
- Elite Rocketeer
- Posts: 1453
- Thanks: 0
- If you try the CSSviewer extension in FF then more often than not you can easily pinpoint the problem layer/table/area.
- Toolbox Digital | Dribbble | Forrst
-
Time to create page: 0.072 seconds