Bottom of
Page
9/19/2007
Help With Template Coding

Hey folks... if someone who understands this CSS stuff happens to wander through here and see this... could you help a brotha out?  :)

I've been monkeying with the CSS coding, trying to put in a custom header.

I created the image, and used slices to break it up, to allow me to use parts of the images a links/buttons.

I'm sure there are more stylish ways to do this, but I'm really outside of what I understand here already. LOL

Anyhoo... I got it ALMOST working right... the header is up there, the 'buttons' work... but something is a little askew.

In Firefox, it looks great... everything lines up perfectly.

However, in IE, the "boxes" of the blog itself don't line up with the header image.  If you view the page in IE you'll see what I mean... the 'central blue bar' of the blog is a bit to the left of where it continues into the header image.

As I said, though, in Firefox, it lines up right where it should.

THe problem is, I have no idea why it works in one and not the other.

So... if someone who knows this stuff could take a peek at the page source, and look at what I've done... where I've been fiddling is down at the  BEGIN TITLE CONTENT  area...      I deleted the < %Title% >  line calling to insert the BLog title, and deleted the class = title from the TD tag just previous to the BEGIN TITLE CONTENT LINE  (both so that the blog title won't show and so that the standard title "block" doesn't show)... and then I put in the coding that Photoshop created for my sliced header image, as seen below the line...

Where it says  END CUSTOM HEADER  is where I stopped fiddling.  I also threw a couple 'width=800' lines in a couple places, as it seemed logical... LOL  ... once in the table tag just before the BEGIN TITLE COMMENT, and once in the Body style stuff right at the top of the CSS page.

So, yeah... if someone who really understands, and isn't just fiddling like me, could look at the source code for my page, and decipher what I might need to do to get everything lined up in both IE and Firefox, I'd love you forever!!!! :)

posted by MothMan at 10:51 | in: Questions
Permalink | email this post | Comments(5)| Add Comment
Comments:

Posted by mothman at 11:16, 9/19/2007 | Link | |
OK, maybe a further clue... if I change the 'padding' tag for the td.leftside, td.rightside style area... I can get the center blue bar in the blog to move back and forth.

Problem is still that Firefox and IE aren't seeing it the same.

If I change the padding from the default 10 to a 7, it then lines up right for IE (moves the blue bar to the right to line up with the header image.)

But doing so makes the blue bar move to the right for Firefox as well, and it ends up too far to the right, relative to the header image.

Something is horribly wrong. LOL


Posted by elisla at 11:30, 9/19/2007 | Link | |
I am looking at it in IE and all looks fine to me. I am using IE 7.


Posted by mothman at 11:44, 9/19/2007 | Link | |
Doh.

OK... We still have IE 6 at home, as my wife doesn't want to try to learn the difference of IE 7.

So... good to know... I've maybe been pulling my hair out for nothing. LOL

So, the 'gap' in the middle of the blog page lines up with the little 'flame' graphic in the header for you IE7 users?

If so, that's cool.

Means the setup is OK... whether I understand it or not... lol ... and I can just focus on the look of it all.


Posted by WelshPixie at 06:38, 9/21/2007 | Link | |
Yeah, sounds like it's just a difference between the different versions of IE. Firefox is a more up-to-date browser in terms of keeping alongside the developments in CSS. IE, being produced by spawns-of-the-devil Microsoft, is more lax. So you'll often find things look fine in Firefox, Safari, Opera, etc. - and completely pants in IE. :)


Posted by mothman at 10:43, 9/21/2007 | Link | |
Yeah... I just loaded up IE7 here at work and looked at my page... and it doesn't look right, at leasy not on my 'puter.

The little blue "flame" in the header is shifted a few pixels to the right of where it should be... in Firefox it lines up exactly with the gap between the main and right columns.

So... I still don't know how to fix it. lol



Add Comment

Post Comment

 

Login Required

To post a comment in this weblog, you must login. Click here to login..
Top of
Page