Mystic River Template Support Thread

[clydejones]

Okay, I did and it's still aligned to the left. http://www.gblcreations.com/zctest/

Liz

What happens when you increment the width down

93.5%
93%
92.5%

[southernlady]

It stays on the left side. I'm currently at 80% and it's still on the left side. Liz

[clydejones]

It stays on the left side. I'm currently at 80% and it's still on the left side. Liz

try these settings in the stylesheet.css

#mainWrapper {
margin:0 auto;
background:#F8CCED;
color:#000;
text-align:left;
width:92%;
vertical-align:top;
}
/*EOF Main Wrapper*/
/*BOF Header layout*/
#headerWrapper{
margin:0 0 5px;
padding:0;
}
/*BOF Branding*/
#logoWrapper{
margin: 0;
padding: 0;
background: url(../images/header_bg.jpg) ;
height:70px;
position: relative;
}

[southernlady]

Still not working.

I had to make two changes to the above code but it should not have made a difference.
One was the color of the background
background:#F8CCED; to background:#AD88AD;
The other was the HEIGHT of the header. Mine is 420 px not 70.

Liz

[clydejones]

Still not working.

I had to make two changes to the above code but it should not have made a difference.
One was the color of the background
background:#F8CCED; to background:#AD88AD;
The other was the HEIGHT of the header. Mine is 420 px not 70.

Liz

here's a screenshot of what I'm viewing the header looks centered to me.

Attachment 6058

[southernlady]

I suspect your monitor settings have a lot to do with that.

Here is what I am seeing with a monitor resolution of 1440 x 900.

[clydejones]

I suspect your monitor settings have a lot to do with that.

Here is what I am seeing with a monitor resolution of 1440 x 900.

How 'bout increasing the overall width of the image to 1307 x 400
instead of 920 x 400

[southernlady]

Because unlike me, there are still about 35-40% of the computers out there using a monitor set at 1024 x 768 or lower. And I don't want to annoy that many people.

Yes, I know I really should code down to 800 but there are less than 5% using that size.

http://www.w3schools.com/browsers/browsers_display.asp

So I make my logo below the 1024px. I can make it wider than 920, I can go to almost 1024 and sstill be within the browser resolution of 95% of most browsers.

Liz

[clydejones]

Because unlike me, there are still about 35-40% of the computers out there using a monitor set at 1024 x 768 or lower. And I don't want to annoy that many people.

Yes, I know I really should code down to 800 but there are less than 5% using that size.

http://www.w3schools.com/browsers/browsers_display.asp

So I make my logo below the 1024px. I can make it wider than 920, I can go to almost 1024 and sstill be within the browser resolution of 95% of most browsers.

Liz

Have you tried setting a max-width and/or min-width on the #logoWrapper

[southernlady]

Yeah, tried that too. Increasing the size of the logo helped quite a bit.

And I found out what happened to the guy who said he fixed his earlier in this thread...he did a fixed width! I found his web site and read his css. That was his solution.

I KNOW there is a way. Probably something along the same lines as I have to do with the vb theme headers and that code looks like this (posted from my visible css)

<!-- logo -->
<a name="top"></a>
<table border="0" width="902" cellpadding="0" cellspacing="0" align="center">
<tr>
	<td align="left"><a href="index.php"><img src="images/Bluebells&Daffodils/misc/GraphicsByLiz_Bluebells&DaffodilsHeader.jpg
" border="0" alt="GBLCreations Forums" /></a></td>
	<td align="right" id="header_right_cell">
		
	</td>
</tr>
</table>
<!-- /logo -->

It's in a table all it's own, and the part that controls the images/Bluebells&Daffodils/misc/GraphicsByLiz_Bluebells&DaffodilsHeader.jpg is the align="center".

I've used a trick that also used the align="left" and the align="right" with the align="center.

And I write it to a css file. Like I said, vb is easy compared to Zen Cart.

Liz