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 5 1852
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
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
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
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
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 This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
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;
|
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.
|
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
|
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
|
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 {
| |
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...
|
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
|
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?
|
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...
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look !
Part I. Meaning of...
|
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,...
| |
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...
|
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
|
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...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules.
He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms.
Adolph will...
|
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();...
|
by: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
| |
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
| |