Help with Firefox in a two-column float layout

Matt Bostock

Hi,

I'm a bit of a CSS newbie so please accept my apologies if this post is
inappropriate.

I can't get the 'latest news' title to move across to the right column
where it belongs. Here's a link to the page: http://www.retroweb.net/dev/8/

If anyone could help, I'd be extremely grateful.

Many thanks,
Matt :)

Jul 21 '05 #1

Subscribe Reply

4476

Richard

On Sun, 30 Jan 2005 04:45:40 GMT Matt Bostock wrote:

Hi, I'm a bit of a CSS newbie so please accept my apologies if this post is
inappropriate. I can't get the 'latest news' title to move across to the right column
where it belongs. Here's a link to the page:
http://www.retroweb.net/dev/8/ If anyone could help, I'd be extremely grateful. Many thanks,
Matt :)

Good job on the layout.
There's a lot more to CSS than just laying out <div> tags instead of <table>
tags.
When all else fails, and you can't see the forest through the trees, start
over.
Congratulations ! Your page validates so that's not an issue.

What you need to do now is, layout two divisions side by side.

<div class="containe r">
<div id="left" style="width:49 %; border:1px solid black; float:left;>
This is the body of the text holder for the stuff on the left side.
Note the spaces in "border" they are important.
That's just to show you where it is, remove it later.
<div id="right" style="width:49 %; border:1px solid red; float:left;>
For the stuff in your right hand side including "latest news".
</div>
</div>
</div>

In xhtml, you won't use the </div> though. Just for show here.
The "container" division merely holds everything together in case the window
is resized, the divisions will remain side by side.

I've been working on a rather cumbersome photo gallery and tonight I had to
rewrite it so that everything worked the way I want it to.

While you're going through the process, www.validator.w3.org will make sure
everything has it's proper place.

Jul 21 '05 #2

Beauregard T. Shagnasty

Richard wrote:

<div class="containe r">
<div id="left" style="width:49 %; border:1px solid black; float:left;>
This is the body of the text holder for the stuff on the left side.
Note the spaces in "border" they are important.
That's just to show you where it is, remove it later.
<div id="right" style="width:49 %; border:1px solid red; float:left;>
For the stuff in your right hand side including "latest news".
</div>
</div>
</div>

In xhtml, you won't use the </div> though. Just for show here.
What? If you do NOT use the </div>, your page will not validate, and
probably fail miserably. How would you expect a browser to guess where
the divs end?
The "container" division merely holds everything together in case the window
is resized, the divisions will remain side by side.
Yes, sorta...
I've been working on a rather cumbersome photo gallery and tonight I had to
rewrite it so that everything worked the way I want it to.
Cumbersome? <lol>
While you're going through the process, www.validator.w3.org will make sure
everything has it's proper place.

...which will tell you there were missing </div>'s.

--
-bts
-This space intentionally left blank.

Jul 21 '05 #3

Unknown User

On Sun, 30 Jan 2005 04:45:40 GMT, Matt Bostock <ma**@mattbosto ck.com>
wrote:

latest news

Here it looks the same way on Opera, IE, and Mozilla.

--
Using Opera's revolutionary e-mail client: http://www.opera.com/mail/
Discover Opera: http://members.surfeu.fi/jerkku/
http://www.auriance.com - http://www.auriance.net

Jul 21 '05 #4

Unknown User

On Mon, 31 Jan 2005 01:56:24 -0600, Richard <An*******@127. 001> wrote:

While you're going through the process, www.validator.w3.org will make
sure
everything has it's proper place.

There is a more simple way to do it. Send your pages as
application/xhtml+xml to your browser, and use a standard-compliand
browser (Opera, Mozilla, Firefox, etc...). If you forget to close a <p>
tag, your page won't display and instead there will be a debug screen to
tell you the line and character where the error is. Don't send your page
to the W3C Validator all the time :) Just one time when everything is done
to make sure :)

--
Using Opera's revolutionary e-mail client: http://www.opera.com/mail/
Discover Opera: http://members.surfeu.fi/jerkku/
http://www.auriance.com - http://www.auriance.net

Jul 21 '05 #5

Matt Bostock

Unknown User wrote:

Here it looks the same way on Opera, IE, and Mozilla.

Thanks for the info. I was designing primarily with Firefox (I then
usually check my designs in other browsers, but everything must look
right in Firefox and IE for me to be happy).

So any ideas on what's causing it?

Many thanks,
Matt

Jul 21 '05 #6

Similar topics

1686

Need help getting table cells to display correctly in Firefox

by: N. Demos | last post by:

I have a single row table with fixed dimensioned cells nested inside a fixed dimensioned div, which has overflow: hidden. The div's dimensions are such that It should only display the first two table cells. This all renders correctly in MSIE 6.x, but doesn't in Firefox. In Firefox, the cell widths are reduced so that all the cells are displayed within the div frame. I've played around with this: commenting out css properties to see if...

HTML / CSS

3394

LiveConnect applet crashing after page reload, please help

by: DKM | last post by:

Here are the source code files to a Java applet that utilizes LiveConnect to communicate with Javascript, and the HTML file. The thing works both in IE 6.0 and FireFox 1.4. but with some problems. IE crashes when one refreshes the page or leave the page. This happens only after calling the Java method more than once. It does not crash if the Java method is called just once and then the page is refreshed. FireFox does not crash at all...

Javascript

3773

Scroll bar working in IE and Opera but not Firefox?

by: ergobob | last post by:

Hello, I have two scroll boxes on the same page. The first scroll box is good in IE but the words will not wrap correctly in Firefox. The second scroll box is good in all browsers. You can see this on a test page at http://www.usernomics.com/ergonomic-products-accessories5.html . Can anyone see why the words will not wrap correctly in the first scroll box

HTML / CSS

6875

Help with Firefox margin issue

by: michaelzap | last post by:

I can't seem to remove some extra margin/padding from my design on this site: http://www.kyowa-usa.com/ IE displays it properly (no space between the menus and other elements and the outer border), but in Firefox I always end up with some space. I have tried several box model fixes (to no avail), and I'm no longer sure that's what's going on.

HTML / CSS

1989

Help needed with how to proceed

by: Steve K | last post by:

I got a bit of a problem I like some help on. I'm designing an online training module for people that work in food processing plants. This is my target audience. These workers have little or no computer knowledge at all! And they also have outdated, old browsers, slow modems, old computers, etc. So I need to keep this as simple as possible and as browser compatible as possible. The client wants a navigation bar at the bottom of each...

HTML / CSS

2534

please help with JavaScript Form !

by: Olly | last post by:

Hello Everyone! Could someone please have a look at my JS Form I posted below....Something wrong there, but I don't understand what's exactly. Many thanks. Olly =============================== <script language="JavaScript">

Javascript

5065

Table rows collection help

by: Trevor | last post by:

This works in Firefox, but not in IE. for (var i in appraisertable.rows) { var row = appraisertable.rows; alert(row.id); } IE displays "undefined" and gives the error "id is null or not an object." Like I said before, Firefox works great. What's my problem here?

Javascript

7037

Request.Form(var) empty with IE, works fine with Firefox. Help please.

by: Dave | last post by:

Hi, I've been trawling the web for answer to my problem with no luck although I'm hardly alone it seems! Below is the generated source for an ASP page that posts a value called 'album' to another ASP page. The other page retrieves the value with Request.Form('album'); On Firefox this works fine every time. On IE6, I always get nothing. I'm pretty sure it's the posting side that is at fault, so that's what I've shown here. Oh, I tried...

ASP / Active Server Pages

7475

Firefox - replacing the whole page by the new one in Ajax response

by: evgenyg | last post by:

Hello ! We have the following situation - when Ajax request is sent what's being returned by the server is usually an XML (which is used for DOM updates) but sometimes it's HTML which is a whole new page that should replace an existing one. I.e when we issue an Ajax request we don't know what will be returned and analyze the response to act accordingly. Now, the way to replace the current document with a new one used to be easy and...

Javascript

1928

Critical javascript security flaw in firefox

by: Matt Kruse | last post by:

http://news.zdnet.com/2100-1009_22-6121608.html Hackers claim zero-day flaw in Firefox 09 / 30 / 06 | By Joris Evers SAN DIEGO--The open-source Firefox Web browser is critically flawed in the way it handles JavaScript, two hackers said Saturday afternoon. An attacker could commandeer a computer running the browser simply by crafting a Web page that contains some malicious JavaScript code, Mischa Spiegelmock and Andrew Wbeelsoi...

Javascript

9512

Changing the language in Windows 10

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,...

Windows Server

10201

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

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...

Online Marketing

10147

The easy way to turn off automatic updates for Windows 10/11

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,...

Windows Server

7531

Access Europe - Using VBA to create a class based on a table - Wed 1 May

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...

Microsoft Access / VBA

6770

Couldn’t get equations in html when convert word .docx file to html file in C#.

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();...

C# / C Sharp

5424

Trying to create a lan-to-lan vpn between two differents networks

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...

Networking - Hardware / Configuration

5552

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

4100

transfer the data from one system to another through ip address

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

C# / C Sharp

2910

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

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...

General