473,700 Members | 2,851 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Styling in Firefox

Jon
Hello all.

I'm having some problem with CSS errors.

In IE, everything looks great, but in FF the footer is appearing in
the middle of the site.

The link which is causing the problems is below:

www dot nantwichonline dot com/Establishment.a spx?id=1

You can see that the orange links appear in the middle of the screen,
but should be at the bottom.

I've replaced the . with dot as I don't wish look like I'm trying to
drive taffic.

Can anyone please advise as I'm pulling my hair out!

Thanks,

Jon

Oct 16 '07 #1
5 1842
On Tue, 16 Oct 2007 16:27:42 +0200, Jon <Jo*******@gmai l.comwrote:
Hello all.

I'm having some problem with CSS errors.

In IE, everything looks great, but in FF the footer is appearing in
the middle of the site.

The link which is causing the problems is below:

www dot nantwichonline dot com/Establishment.a spx?id=1

You can see that the orange links appear in the middle of the screen,
but should be at the bottom.

I've replaced the . with dot as I don't wish look like I'm trying to
drive taffic.

Can anyone please advise as I'm pulling my hair out!
Fix these first:
http://validator.w3.org/check?verbos....aspx%3Fid%3D1

The quick reason for different behaviour besides tagsoup btw: MSIE
incorrectly stretches the container to contain floats, Firefox doesn't.
--
Rik Wasmus
Oct 16 '07 #2
Jon pisze:
Hello all.

I'm having some problem with CSS errors.

In IE, everything looks great, but in FF the footer is appearing in
the middle of the site.

The link which is causing the problems is below:

www dot nantwichonline dot com/Establishment.a spx?id=1

You can see that the orange links appear in the middle of the screen,
but should be at the bottom.

I've replaced the . with dot as I don't wish look like I'm trying to
drive taffic.

Can anyone please advise as I'm pulling my hair out!

Thanks,

Jon


in:

..post {...} in style.css

get rid of: height:160px;

and add: overflow:hidden ;
to force float clearing.

And read this:
http://www.positioniseverything.net/easyclearing.html
to read how floats behave
--
Janusz 'Kali' Kaliszczak
Hint: OdpisujÄ…c na priva zdebuguj adres
Oct 16 '07 #3
Jon wrote:
I'm having some problem with CSS errors.
Your CSS validates, but your (X)HTML has errors.

<http://validator.w3.or g/check?verbose=1 &uri=http%3A%2F %2Fwww.nantwich online.com%2FEs tablishment.asp x%3Fid%3D1>
"This page is not Valid XHTML 1.0 Strict!
Result: Failed validation, 29 Errors"
In IE, everything looks great, but in FF the footer is appearing in
the middle of the site. The link which is causing the problems is below:

www dot nantwichonline dot com/Establishment.a spx?id=1

You can see that the orange links appear in the middle of the screen,
but should be at the bottom.
First things first. Fix the errors and try again. Not all browsers
compensate for author mistakes in the same fashion.

Oh, and please fix the font size, so the majority of humans with average
eyesight can read it. font: 0.74em is only 3/4th of my default size.
http://k75s.home.att.net/fontsize.html

--
-bts
-Motorcycles defy gravity; cars just suck
Oct 16 '07 #4
Jon wrote:
Hello all.

I'm having some problem with CSS errors.

In IE, everything looks great, but in FF the footer is appearing in
the middle of the site.

Not is IE7, looks just like FF! (Looks a you "wish" in IE6), but your in
quirks mode so chances are it ain't going to happen. Need to fix your
makeup.

http://validator.w3.org/check?verbos....aspx%3Fid%3D1
[Invalid] Markup Validation of
http://www.nantwichonline.com/Establishment.aspx?id=1 - W3C Markup Validator

>
The link which is causing the problems is below:

www dot nantwichonline dot com/Establishment.a spx?id=1

You can see that the orange links appear in the middle of the screen,
but should be at the bottom.

I've replaced the . with dot as I don't wish look like I'm trying to
drive taffic.
No need we can see this is a legitimate question, no real need to munge
the address.
>
Can anyone please advise as I'm pulling my hair out!
Also markup is just....hmmm well not really very good. You create pseudo
heading with <band <br>'s where you should use <h#>, stuff like this:

<p><strong></strong></p>

Overly complicated nested <div>'s and <span>'s

Here is a bad start:

body {
padding: 0;
margin: 0;
font: 0.74em Arial, Helvetica, sans-serif;
^^^^
Don't start out with micro text...

and all your block are defined in pixels, guess what happens when you
enlarge the text?

So the point of my litany here is you could spend a tremendous amount of
time chasing the one(or more factors) that is causing the problem. I'd
say better to start a fresh, and do so more simply and with semantic
markup. Avoid quirks mode because once triggered inter-browser
inconsistency will be lost. Fix your errors. Do not design with IE6 and
then check with Firefox for problems but start the other way around.
--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Oct 16 '07 #5
Jon
On 16 Oct, 16:54, "Jonathan N. Little" <lws4...@centra lva.netwrote:
Jon wrote:
Hello all.
I'm having some problem with CSS errors.
In IE, everything looks great, but in FF the footer is appearing in
the middle of the site.

Not is IE7, looks just like FF! (Looks a you "wish" in IE6), but your in
quirks mode so chances are it ain't going to happen. Need to fix your
makeup.

http://validator.w3.org/check?verbos...2Fwww.nantwich...
[Invalid] Markup Validation ofhttp://www.nantwichonl ine.com/Establishment.a spx?id=1- W3C Markup Validator
The link which is causing the problems is below:
www dot nantwichonline dot com/Establishment.a spx?id=1
You can see that the orange links appear in the middle of the screen,
but should be at the bottom.
I've replaced the . with dot as I don't wish look like I'm trying to
drive taffic.

No need we can see this is a legitimate question, no real need to munge
the address.
Can anyone please advise as I'm pulling my hair out!

Also markup is just....hmmm well not really very good. You create pseudo
heading with <band <br>'s where you should use <h#>, stuff like this:

<p><strong></strong></p>

Overly complicated nested <div>'s and <span>'s

Here is a bad start:

body {
padding: 0;
margin: 0;
font: 0.74em Arial, Helvetica, sans-serif;
^^^^
Don't start out with micro text...

and all your block are defined in pixels, guess what happens when you
enlarge the text?

So the point of my litany here is you could spend a tremendous amount of
time chasing the one(or more factors) that is causing the problem. I'd
say better to start a fresh, and do so more simply and with semantic
markup. Avoid quirks mode because once triggered inter-browser
inconsistency will be lost. Fix your errors. Do not design with IE6 and
then check with Firefox for problems but start the other way around.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIOhttp://www.LittleWorks Studio.com
Thank you to everyone who has help. We've fixed a number of issues and
are working though the rest.

All the best,

Jon

Oct 16 '07 #6

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
5326
by: johnSteve | last post by:
Do I have this right? The only way to get a valid (css and html), colored, Horizontal Rule to look and act same in both Firefox and IE6,with a strict doctype, wrap the HR in a separate div, and style the div using color:some_color; background-color:same_color; height:some_height;
10
17174
by: bnmm | last post by:
Hello, I'd like to style a submit button as regular text link. demo: www.byteshift.de/msg/div/input-as-link-by-css (XHTML strict) I applied "display:inline; margin:0; padding:0;" to both the form and the input and "background:none; border:none;" to the input only, which should do the trick, but it doesn't.
10
2523
by: Thomas Mlynarczyk | last post by:
Hi, Can I style the root element (HTML) just like any other (and will it work as expected) or are there restrictions to take into account? Thanks in advance, Thomas
10
2012
by: matt_randle | last post by:
Hi, I have a problem styling a definition list. If you look at http://68.178.211.60/MattRandle/Guides/Plants/MarginalsNZ.htm you will see the effect I am trying to achieve. If, however, the flower image is smaller than the description text that appears to its
6
3925
by: Peter Marquis-Kyle | last post by:
I have an ordered list which is rendered in IE and Firefox with the item numbers indented from the left margin. I'd like the numbers to be positioned on the left margin. The list is in the main column on this page: http://www.marquis-kyle.com.au/mt/000754.htm The style sheet just has this: ol li {
4
19710
by: Eric Lindsay | last post by:
Although http://www.w3.org/Style/LieBos2e/enter/ say "The title of a document does not show up on the canvas, so it is not affected by CSS styles", there is a note by Seamus P. H. Leahy on styling the title element in CSSPlay http://moronicbajebus.com/wordpress/wp-content/cssplay/title-display/ When I tried this to add a background image, the Jigsaw validator http://jigsaw.w3.org/css-validator/validator-upload didn't complain. The CSS I...
4
3907
Samji
by: Samji | last post by:
Hello everyone. I am trying to write out the contents of a tag in an XML document to an iframe. I can do that successfully with the following code... function constructMsgBody() { // constuct message body from "message" tags; // write out to iframe on view message dialog
3
4209
by: Momomo | last post by:
Hi, I am having a problem with a control which is caused by a style on the page which I am not able to trace. If I use the control in a page without any styling it looks ok. Is there a way to remove/turnoff all CSS styling inside a div?
40
2668
by: Jukka K. Korpela | last post by:
My basic style sheet has a distinctive background and border for forms, to make the structure clearer and to make it visually evident what belongs to a form. However, as people complained that some forms were odd-looking, I noticed that indeed, fairly often the background is not applied and there is empty space inside a form I didn't ask for. This was rather puzzling until I realized that the observed cases seem to result from one...
0
8638
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
9202
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
9058
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
0
8909
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
7791
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
5894
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4649
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
3081
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
3
2018
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.