Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Stuck with Aligning the header...
Old 01-12-2009, 11:41 AM Stuck with Aligning the header...
rolda hayes's Avatar
Wannabe Adventurer...

Posts: 960
Name: Darren
Location: England
Trades: 0
Hi,

On this site the header logo is all the way over to the left on higher screen resolutions.

I'm having a bit of a nightmare getting it to stay in the centre...?

Cheers,
__________________
I Just a test to see what happens...
Please login or register to view this content. Registration is FREE

"Let us be thankful for the fools. But for them the rest of us could not succeed..."
rolda hayes is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 01-12-2009, 11:46 AM Re: Stuck with Aligning the header...
SolidEagle's Avatar
Experienced Talker

Posts: 30
Name: Arjan Nijmeijer
Location: Stadskanaal
Trades: 0
Try adding

#header-top {
margin:0 auto 0 auto;
}

this will work in FireFox... haven't tried IE but if IE doesn't do anything try adding:

body{
text-align:center;
}

and add to all your <div> tags which contains text or images a text-align:left; (this is because if you use the IE fix.. it will center EVERYTHING.. so to fix this issue you must align all the containers left.

I think in your case:

#footer, .content{
text-align:left;
}

should be enough
__________________
The Eagle Soars Above You!

Please login or register to view this content. Registration is FREE

Last edited by SolidEagle; 01-12-2009 at 11:51 AM..
SolidEagle is offline
Reply With Quote
View Public Profile
 
Old 01-12-2009, 11:58 AM Re: Stuck with Aligning the header...
rolda hayes's Avatar
Wannabe Adventurer...

Posts: 960
Name: Darren
Location: England
Trades: 0
I tried #header-top {
margin:0 auto 0 auto;
}

But in IE, it threw the header image of to the right...
__________________
I Just a test to see what happens...
Please login or register to view this content. Registration is FREE

"Let us be thankful for the fools. But for them the rest of us could not succeed..."
rolda hayes is offline
Reply With Quote
View Public Profile
 
Old 01-12-2009, 12:20 PM Re: Stuck with Aligning the header...
SolidEagle's Avatar
Experienced Talker

Posts: 30
Name: Arjan Nijmeijer
Location: Stadskanaal
Trades: 0
Have you tried the IE fix I typed in my first post?
__________________
The Eagle Soars Above You!

Please login or register to view this content. Registration is FREE
SolidEagle is offline
Reply With Quote
View Public Profile
 
Old 01-12-2009, 04:08 PM Re: Stuck with Aligning the header...
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
In Firefox at 1280x1024, the logo is pushed to the right.
I don't know why you're using frames .. bleahh..

My advice would be to wrap the entire thing inside a #container div, use margin: 0 auto; on it and then you won't have the problem of things floating around out of place.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 01-12-2009, 07:24 PM Re: Stuck with Aligning the header...
SolidEagle's Avatar
Experienced Talker

Posts: 30
Name: Arjan Nijmeijer
Location: Stadskanaal
Trades: 0
I agree with LadynRed that would be better than using frames and it will make your live much easier...

But if you don't want to listen, you could also try my advice and use the text-align. It should work otherwise tell me what happened
__________________
The Eagle Soars Above You!

Please login or register to view this content. Registration is FREE

Last edited by SolidEagle; 01-12-2009 at 07:25 PM..
SolidEagle is offline
Reply With Quote
View Public Profile
 
Old 01-12-2009, 11:58 PM Re: Stuck with Aligning the header...
stevej's Avatar
Professional Multitasker

Posts: 996
Location: Not positive
Trades: 0
On my screen it seems like it is aligning all the way to the right (is that what you meant?). If I were in your case I would put all the content, including the header, in a div and center the div using:
Code:
margin-left: auto;
margin-right: auto;
And also, instead of having a frame with a source to the actual website, just redirect to http://www.vantidy.co.uk/. It would be far simpler and less confusing to your users.

- Steve
stevej is offline
Reply With Quote
View Public Profile
 
Old 01-13-2009, 03:43 PM Re: Stuck with Aligning the header...
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Quote:
If I were in your case I would put all the content, including the header, in a div and center the div using:
That is EXACTLY what I recommended..
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 01-15-2009, 06:21 AM Re: Stuck with Aligning the header...
rolda hayes's Avatar
Wannabe Adventurer...

Posts: 960
Name: Darren
Location: England
Trades: 0
Thanks for the advise guys - much appreciated.

And thanks for pointing out the frames - I didn't even realise it was directing like that!
__________________
I Just a test to see what happens...
Please login or register to view this content. Registration is FREE

"Let us be thankful for the fools. But for them the rest of us could not succeed..."
rolda hayes is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Stuck with Aligning the header...
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 1.11742 seconds with 12 queries