Can someone take a look at this:
<!-- m --><a class="postlink" href="http://fire.prohosting.com/stmasi69/">http://fire.prohosting.com/stmasi69/</a><!-- m -->
And tell me how I can get it to look at least a little similar in all browsers?
I've tested in the following under Winblows:
Internet Explorer 6
Mozilla 1.6
Mozilla Firefox 0.8
Netscape 7.1
Opera 7.11
Any and all advice, code, suggestions, etc. GLADLY accepted.
Thanx.Looks like you're banging your head on the box model
For you links on the righthand side:
nest a span inside:
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><span>link text</span</a>
now in your css move the padding to
ul#navlist li a span {
padding
}
More than that I'l have another look later, but to avoid the box model problems use a nested div. all padding can be applied to the inner div using the same technique as for the span above.
Regards
DaveCool. Now it looks great in all but Opera.
Check it out again:
<!-- m --><a class="postlink" href="http://fire.prohosting.com/stmasi69">http://fire.prohosting.com/stmasi69</a><!-- m -->
Thanx.Dave?
I'm going to Download it to my machine to examine it. You do know the main content area doesn't reach the right side in any browser?Yes.
That was going to be my next question.
Thanx.LOL
What are all the min-heights in aid of? seeing as IE doesn't support them I don't usually bother with them. What are you trying to achieve?
I would personally nest the right col in the left col to make the min height of the left col the height of the right col.
Haven't tested this in all browsers but try adding 19px to the width of the left col.
I've got to dash out for 2 hrs, so I'll look into it more when I get back.Interesting results with those two suggestions.
Check it out again...So which browser has the appearance we want?Try this:
1) take the width off #left altogether
2) move the content of #right above the content of #leftOpera 7.11 shows it perfectly as I would like it to appear.
Thanx again.Well, now it looks great in all browsers except for Opera 7.11. Without the width property, the left (content) area has shrunk to fit the wrapped words in that area.
Thanx.Nevermind...it is like that only if I view it locally. If I view it from the prohosting.com server, it looks fine.
Thanx.Thank you so very much for you assistance!!!
Where do you guyz find the time to know everything about everything when it comes to web design?!
Did I mention, "THANK YOU!!!"It's screwed up for me as you described on Prohost in Opera. Try putting that width back in - there's no padding/margins so you should be ok.
either use 749 or 750 and see what happens.Originally posted by stmasi
Thank you so very much for you assistance!!!
Where do you guyz find the time to know everything about everything when it comes to web design?!
Did I mention, "THANK YOU!!!"
I don't know. It just clicked one day I think. You have to think laterally Doesn't that make the process of trial and error sound scientific! Cool!
Okay...one last question...
How do I center the page in ALL browsers and not just in IE?
Thanx yet again.margin: auto on your #container div
<!-- m --><a class="postlink" href="http://fire.prohosting.com/stmasi69/">http://fire.prohosting.com/stmasi69/</a><!-- m -->
And tell me how I can get it to look at least a little similar in all browsers?
I've tested in the following under Winblows:
Internet Explorer 6
Mozilla 1.6
Mozilla Firefox 0.8
Netscape 7.1
Opera 7.11
Any and all advice, code, suggestions, etc. GLADLY accepted.
Thanx.Looks like you're banging your head on the box model
For you links on the righthand side:
nest a span inside:
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><span>link text</span</a>
now in your css move the padding to
ul#navlist li a span {
padding
}
More than that I'l have another look later, but to avoid the box model problems use a nested div. all padding can be applied to the inner div using the same technique as for the span above.
Regards
DaveCool. Now it looks great in all but Opera.
Check it out again:
<!-- m --><a class="postlink" href="http://fire.prohosting.com/stmasi69">http://fire.prohosting.com/stmasi69</a><!-- m -->
Thanx.Dave?
I'm going to Download it to my machine to examine it. You do know the main content area doesn't reach the right side in any browser?Yes.That was going to be my next question.
Thanx.LOL
What are all the min-heights in aid of? seeing as IE doesn't support them I don't usually bother with them. What are you trying to achieve?
I would personally nest the right col in the left col to make the min height of the left col the height of the right col.
Haven't tested this in all browsers but try adding 19px to the width of the left col.
I've got to dash out for 2 hrs, so I'll look into it more when I get back.Interesting results with those two suggestions.
Check it out again...So which browser has the appearance we want?Try this:
1) take the width off #left altogether
2) move the content of #right above the content of #leftOpera 7.11 shows it perfectly as I would like it to appear.
Thanx again.Well, now it looks great in all browsers except for Opera 7.11. Without the width property, the left (content) area has shrunk to fit the wrapped words in that area.
Thanx.Nevermind...it is like that only if I view it locally. If I view it from the prohosting.com server, it looks fine.
Thanx.Thank you so very much for you assistance!!!
Where do you guyz find the time to know everything about everything when it comes to web design?!
Did I mention, "THANK YOU!!!"It's screwed up for me as you described on Prohost in Opera. Try putting that width back in - there's no padding/margins so you should be ok.
either use 749 or 750 and see what happens.Originally posted by stmasi
Thank you so very much for you assistance!!!
Where do you guyz find the time to know everything about everything when it comes to web design?!
Did I mention, "THANK YOU!!!"
I don't know. It just clicked one day I think. You have to think laterally
Doesn't that make the process of trial and error sound scientific! Cool!Okay...one last question...
How do I center the page in ALL browsers and not just in IE?
Thanx yet again.margin: auto on your #container div