473,659 Members | 2,671 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Layout problems

3 New Member
Hi everyone,

I'm rather new to using CSS rather than tables, and am trying to put together a campaign site for Alzheimer's Awareness week, however, I'm stuck with the layout of the front page.

http://www.alzheimers.org.uk/aaw2007/

This front page is displaying okay in Internet Explorer 7:



But not so well in Firefox:



The golfers image at the bottom should be aligned left, and the keep your brain active section should be next to it - like it is in Fireworks.

Is there something I can add to one of my css elements to fix this?

Would be very grateful for any help.

Tash

PS: The big white space at the top of the page is just a placeholder until the banners are approved.
Apr 12 '07 #1
5 1039
drhowarddrfine
7,435 Recognized Expert Expert
Validate your html for your list of 18 errors there. Then validate and fix your css errors.

I'll be gone till tonight and I'll look at this then.
Apr 12 '07 #2
TashJudd
3 New Member
Thanks for your help.

I've validated the page, and got rid of the errors I made yesterday.
http://www.alzheimers.org.uk/aaw2007/index.htm

Unfortunately still having problems with lining up the firefox version.

Tash
Apr 13 '07 #3
drhowarddrfine
7,435 Recognized Expert Expert
Sometimes people forget to validate their CSS.
That won't fix this but it needs to be fixed. I'm looking at it now.
Apr 13 '07 #4
drhowarddrfine
7,435 Recognized Expert Expert
Most people are afflicted with the 'divitis' disease which is the use of too many <div> elements. Here I see a more rare form of the same thing 'spanitis'. The <span> element is used on inline elements that are part of the normal flow of paragraphs, usually.

The problem here is IE, which it almost always is. IE does not handle floats properly at times. To get FF to do what you want, add 'clear:left' to the CSS for #imagebox. Whether this will continue to work for you if you add more stuff to the page, I don't know.
Apr 13 '07 #5
TashJudd
3 New Member
Thanks so much for your time and advice!

Will now go and look for the cure for spanitis.
Apr 13 '07 #6

Sign in to post your reply or Sign up for a free account.

Similar topics

82
10670
by: Peter Diedrich | last post by:
The site design is pretty simple: ============================================ | Head | ============================================ | | | | | | | | | left | center | right | | | | | | | | |
39
5672
by: Zak McGregor | last post by:
Hi all Are there any good solutions to aligning form field names and input boxes without resorting to tables? I am struggling to do this nicely at the moment. Thanks Ciao Zak
2
2600
by: CJM | last post by:
I'm developing a site for a charity which I am aiming to make standards-compliant, accessible and cross-browser compatible. I'm doing OK so far and have the workings of a respectable site, but I still have a few little niggly problems: Site: http://www.aif-advocacy.org.uk/index.asp CSS: http://www.aif-advocacy.org.uk/aif.css
22
3503
by: Jam Pa | last post by:
Once again my big mouth has landed me with a tough job. I have a static CSS layout, where each and every element has been defined by pixel size - lots of them, too! Mostly relative elements, though. Imagine centered column layout, with a header box, and content box with lots of smaller content boxes of different sizes, some spanning several 'rows' or 'columns'. How would you go about changing this kind of static layout into
20
24993
by: Tammy | last post by:
What would be a good alternative to using frames? I need something that will section my webpage into two halves and can change both frames on a single click. Thanks in Advance, Tammy
30
3131
by: Diane Wilson | last post by:
I'm trying (once again) to figure out how to make a robust CSS layout style that can replace tables. I'd like to be able to do a basic two-column layout, with a one-column header, a two column body, and a two-column footer. The problem, and one that always sends me back to using tables, is that word "robust." Absolute positioning gets squirrelly, because it takes the positioned elements completely out of the float scheme, and stuff...
14
4842
by: Anoop | last post by:
Hi, I am new to this newsgroup and need help in the following questions. 1. I am workin' on a GUI application. Does C# provides Layout Managers the way Java does to design GUI? I know that it can be done using the designer but I intentionally don't want to use that. The one reason is that you cannot change the code generated by the designer. The other could be that you have more free hand and control to design your GUI. 2....
15
2146
by: Gary Peek | last post by:
Can anyone tell us the browsers/versions that exhibit errors when tables are nested too deeply? And how many levels of nesting produces errors? (not a tables vs CSS question)
5
2665
by: Jeff User | last post by:
Hi all I am writing program/framework to server a web site dynamically based on stored web page data with C#, .net1.1 What is the preferred means of controlling page layout, frames or table(s) ? Benefits or problems related to using one or the other ?
26
2586
by: mark | last post by:
The idea of this is very simle. The site is 800px wide and sits in the middle of the browser window, on either side of the site I want a different background image aligned against it. If I were doing this with table based layout the code would be as follows: <head> <style type="text/css"> #bgleft { background: url(left_half_circle.gif) right top repeat-y;
0
8427
marktang
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...
0
8627
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
7356
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...
1
6179
isladogs
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...
0
4175
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
4335
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
2750
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
2
1975
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
2
1737
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.