Top alignment, Firefox doesn't display content like chromium, opera and falkon (l |
Top alignment, Firefox doesn't display content like chromium, opera and falkon (l |
Joel Lapointe |
Dec 12 2020, 12:41 PM
Post
#1
|
Group: Members Posts: 3 Joined: 12-December 20 Member No.: 27,683 |
Hi,
I know that there is some difference between browsers. However, for such a simple thing as an alignment, I would think that it would be uniform between different browsers. I have all my pages displayed inside an "<iframe>". I styled the body with a "padding-top: 39px" for all my framed pages. Some pages are well aligned, some others not. The style code is the same! The problem is only present with Firefox and Tor Browser (based on firefox). Chromium and Opera are doing the thing well. Here is the image of the "not well aligned" page : "CONTACT" isn't aligned with "LAPOINTE" Here is the image of the "well aligned" page : "miniTUBE" is well aligned with "LAPOINTE" The code of the framed pages is : CODE <body style="padding-top: 39px; text-align:left; font-family:palatino; margin-top:0; margin-left:20px"> It is very simple! the "padding-top: 39px" isn't doing it even if it is the same for all pages. Thank you Joel Lapointe |
Tom H. |
Dec 12 2020, 02:22 PM
Post
#2
|
Advanced Member Group: Members Posts: 129 Joined: 24-August 06 Member No.: 14 |
In my simple testing, an iframe-ed page using your body style renders similarly in Google Chrome, Opera and Firefox. Can you provide a live example illustrating the problem?
|
Joel Lapointe |
Dec 12 2020, 02:25 PM
Post
#3
|
Group: Members Posts: 3 Joined: 12-December 20 Member No.: 27,683 |
In my simple testing, an iframe-ed page using your body style renders similarly in Google Chrome, Opera and Firefox. Can you provide a live example illustrating the problem? I don't understand what you mean by "live example". The 2 images are there to compare them. If somebody want to test the website, here it is : joellapointe.info (I forgot to put the link in the previous post sorry). It can be tested in all browsers. Thank you. Joel This post has been edited by Joel Lapointe: Dec 12 2020, 02:46 PM |
pandy |
Dec 12 2020, 07:54 PM
Post
#4
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
He wants you to link to a page on the web. So do I. If you can't do that, post the markup and CSS here. All of it. We need to see the real thing, not images.
But if I have to guess, which I would prefer not to, my guess is that Contact and miniTube are in headings which also come with margins, different in different browsers. |
Joel Lapointe |
Dec 12 2020, 11:36 PM
Post
#5
|
Group: Members Posts: 3 Joined: 12-December 20 Member No.: 27,683 |
Thank you for all!
Anyway, I decided to redo the CSS things. I learned a lot. As a beginner, I'm less "ignorant" with formatting than yesterday. Everything is good now! It works in all browsers.. Joel |
Lo-Fi Version | Time is now: 19th April 2024 - 03:09 AM |