| Author | Comment | |||
|---|---|---|---|---|
 Joseph Witchard |
Firefox Aardvark Extension Help |
Lead | ||
|
Posts: 90 14 Mar, 2009 00:37 |
Before I go any further, is it acceptable to post a general web design question on this board, in this forum, rather than one that pertains to a Yuku board? I
figured someone might have some insight on the problem I'm having with my homepage. If it isn't, just say the word and I'll buzz off
|
|||
|
|
||||
|
m0zaic |
#1 | |||
|
resident expert
Posts: 914 14 Mar, 2009 00:41 He who knows ALL
|
If you want to chat about general web design and someone wants to answer you, why not? 
|
|||
|
|
||||
|
Joseph Witchard |
#2 | |||
|
Posts: 91 14 Mar, 2009 01:08 |
Well all right then
http://www.uhrebirth.com All of my homepage content is centered. That would be because everything is contained in my wrapper div, and I have it set in my CSS for that div to be centered. However, when you look at that page using Aardvark for Firefox, it will claim that the wrapper only encloses the headers. I asked for help with this at a web development forum, and a guy there made some edits to my CSS. However, I asked him if there was any way to make Aardvark work correctly with fewer edits (because he made a lot of edits, and I like using as much of my own code as I can whenever possible), and he got a bit irritated with me and basically told me to go away, telling me not to ask for help if I insist on using my "own malformed code". What a cheerful gentleman 
So, I'm here asking for a second opinion on what I can do to make Aardvark recognize that my wrapper contains everything, rather than just the headers. If I have to use that guy's code, I will. One of the reasons I didn't want to use it in addition to the reason above was he made a lot of changes in the CSS that I didn't understand how and why they worked, and he was unwilling to explain why that would fix it. My CSS is located at http://www.uhrebirth.com/css/main_pages.css. Any help is appreciated Thanks everyone
|
|||
|
|
||||
|
m0zaic |
#3 | |||
|
resident expert
Posts: 915 14 Mar, 2009 02:21 He who knows ALL
|
I had a quick look but would need to up my resolution to get a better idea.
I think the problem with aardvark is that it doesn't seem to know how to handle positioning and your whole layout is done using position. This is probably what the other guy was trying to avoid doing and he probably used margins and floats instead. He may have gone one step further and make a liquid layout because the fixed sizes you are using will produce a horizontal scrollbar in the most popular resolution. By all means paste his CSS in a post. Just remember to unckeck Convert URLs (in case it works).
|
|||
|
|
||||
|
Joseph Witchard |
#4 | |||
|
Posts: 92 14 Mar, 2009 02:31 |
His CSS is in red. To be honest, I think my CSS looks cleaner than his, but I'm not real experienced when it comes to web development, so his might very
well be more syntactically correct than mine.
#wrapper { width: 1025px; margin: 0px auto; position: absolute; top: 0px; left: 50%; margin-left: -512px; } #navigation { width: 150px; margin-right: 15px; position: inherit; top: 155px; } #right { padding-left: 5px; padding-right: 5px; width: 300px; height: 1400px; margin-left: 10px; position: inherit; top: 175px; left: 690px; } #center { padding-left: 5px; padding-right: 5px; width: 500px; height: 2500px; position: relative; top: 30px; left: 160px; } #disclaimer { width: 235px; position: relative; left:10px; font-size: 8pt; text-align: center; } Thanks for helping me
|
|||
|
|
||||
|
m0zaic |
#5 | |||
|
resident expert
Posts: 922 14 Mar, 2009 03:03 He who knows ALL
|
You know? You are both achieving a similar result using different methods. Want to know the funny thing? I would do it completely differently.
You see, my approach is to make something as near 100% similar to just about anyone that lands on a page. The flaws that I see in common are fixed width and positioning. Fixed width will look a lot different to people with different resolutions and window sizes and positioning is handled differently in different browsers and if someone used an older browser, then the whole thing may look out of whack to them. I have long since reckoned that Aardvark doesn't quite 'cut-it' these days and if that is the only problem that you have, I would just leave it well alone. 
|
|||
|
|
||||
|
Joseph Witchard |
#6 | |||
|
Posts: 93 14 Mar, 2009 03:14 |
Yeah, I suppose it doesn't really matter. In the end, all I wanted to do was to get the wrapper to center so everything would be centered, and I did that.
I was just trying to make sure I wasn't using poor code.
Thanks for your help
|
|||
|
|
||||
|
m0zaic |
#7 | |||
|
resident expert
Posts: 923 14 Mar, 2009 13:11 He who knows ALL
|
No, width + margin: auto will achieve that in just about all browsers.
|
|||
|
|
||||
