firefox problem with div and css

hey all -

having some trouble redoing my old website. using a css file and working with div layers to arrange things in different ways. in the end itll be a place for my art/music/whatever else.
the problem im running up against is mozilla firefox - my main browser - being unable to properly read and/or display my div layers. ie7 reads them fine, whether viewing them from file or online, but firefox cant seem to load them right.
i took two screens to show you what i mean.

this is ie7 displaying it correctly:

and this is firefox doing its thing:

here is the <head> section of my page:

Expand|Select|Wrap|Line Numbers

 <head>

<title>16bitoctober</title>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

<style type="text/css" media="all"> 

    @import "bw.css"; 

</style>

</head>

if anyone can help me fix this, i would greatly appreciate it.
thanks for your time,

ryan

Apr 10 '07 #1

Subscribe Post Reply

6138

philleep

could you post your css
cheer
philleep

Apr 10 '07 #2

ryan p switchy

Expand|Select|Wrap|Line Numbers

 html

    {

    overflow-x: auto;

    }
 
body

    {

    background: #000000;

    color: #FFFFFF;

    font-family: Tahoma, Verdana, Geneva, sans-serif;

    font-size: 10px;

        scrollbar-face-color: #000000;

        scrollbar-highlight-color: #000000;

        scrollbar-3dlight-color: FFFFFF;

        scrollbar-darkshadow-color: FFFFFF;

        scrollbar-shadow-color: #000000;

        scrollbar-arrow-color: #FFFFFF;

        scrollbar-track-color: #000000;

    margin: 10px;

    }
 
textarea, input, select, option

        {

        background: #000000;

        color: #FFFFFF;

        font-size: 8px;

        font-family: Verdana, sans-serif;

        }
 
a

    {

    text-decoration: none;

    color: #CCFFFF;

    }
 
a:hover

    {

    border: none;

    color: #CCFFFF;

    }
 
p

    {

    margin-top: 0px;

    }
 
h1

    {

    font-size: 10px;

    font-weight: bold;

    margin-top: 0px;

    text-align: left;

    border-bottom: 1px solid #FFFFFF;

    }
 
#1st

    {

    position: absolute;

    top: 200px;

    left: 5px;

    width: 500px;

    background: #000000;

    border: 1px solid #FFFFFF;

    filter: alpha(opacity=100);

    -moz-opacity: 1.0;

    -khtml-opacity: 1.0;

    }
 
#2nd

    {

    position: absolute;

    top: 200px;

    left: 504px;

    width: 150px;

    float: right;

    background: #000000;

    border: 1px solid #FFFFFF;

    filter: alpha(opacity=100);

    -moz-opacity: 1.0;

    -khtml-opacity: 1.0;

    text-align: center;

    overflow-y: auto;

    }
 
#3rd

    {

    position: absolute;

    top: 150px;

    left: 388px;

    width: 100px;

    float: right;

    background: #000000;

    border: 1px solid #FFFFFF;

    filter: alpha(opacity=100);

    -moz-opacity: 1.0;

    -khtml-opacity: 1.0;

    text-align: justify;

    overflow-y: auto;

    }

thankyou,

ryan

Apr 10 '07 #3

drhowarddrfine

7,435

Expert 4TB

Part of the problem is using invalid CSS, or CSS that works only in IE. Which doctype are you using?

Also, we need the complete code. Just showing the head doesn't show us anything.

Firefox is the browser you should first check in, not IE7. If it's not working in Firefox then your code is wrong somewhow.

Apr 10 '07 #4

ryan p switchy

sorry about that

Expand|Select|Wrap|Line Numbers

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>16bitoctober</title>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

<link rel="shortcut icon" href="favicon.ico">

<style type="text/css" media="all">

    @import "bw.css";

</style>

</head>

<body>

<!-- header image goes here -->
 
<!-- This is the main content area -->

<div id="1st">

<p><h1>nothing</h1>

<br></p>

<p style="width: 100%; border-bottom: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; text-align:center;"></p>

<p></p>

<p style="width: 100%; border-bottom: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; text-align:center;"></p>

<p></p> 

</div>
 
<!-- End main content area -->
 
<!-- This is the navigation -->

<div id="2nd">

. on paper .<br>

. on canvas .<br>

. on tape .<br>

<br>

. in transit .<br>

. out of style .<br>

<br>

. on tap .<br>

<br>

. off topic .

</div>

<!-- End the navigation -->
 
<!-- This is the float box -->

<div id="3rd">

empty space in black and white. for the moment this is all there is.

<br><br>

</div>

<!-- End the float box -->
 
</body>

</html>

Apr 10 '07 #5

drhowarddrfine

7,435

Expert 4TB

As stated above, validate your html and css for your list of errors to fix this. The problem, as always, is IE7 and not Firefox. Firefox is performing perfectly.

A question: why are you using a transitional doctype?

Apr 11 '07 #6

ryan p switchy

i have no idea man. i just rewrote the first stylesheet my buddy wrote for me a few years ago. actually its probably 3 or 4 years now. anyway yeah.

so how do i validate it and all that to get it to work? sorry if that's a dumb question, haha, but i really dont know. before all this css stuff i just wrote in html so im still kind of behind.

what do i do to fix it?

thanks for the help,

ryan

Apr 11 '07 #7

drhowarddrfine

7,435

Expert 4TB

See the sticky at the top of this board for validation. Then read the sticky about doctypes. Long story short, use html4.01 strict.

id names cannot begin with a number.

Apr 11 '07 #8

ryan p switchy

hey guys, its all worked out now, for the moment at least haha. sorry for the newbieism and thanks for all the help :)

ryan

Apr 11 '07 #9

Similar topics

field.focus() in Firefox 0.8 >

by: Geoff | last post by:

When trying to focus a field in Firefox, I get the following error: Error: " nsresult: "0x8057001e (NS_ERROR_XPC_JS_THREW_STRING)" location: "JS frame ::...

Javascript

Bug in my Javascript or bug in Firefox

by: Howard Kaikow | last post by:

Yesterday, I decided to try Firefox. I've encountered a behavior that is either a bug in Firefox or a bug in my Javascript code. I'll try to explain the problem, hoping that this newsgroup can...

Javascript

layer transparent Please HELP!!

by: expertware | last post by:

Dear friends, My name is Pamela, I know little about CSS, but I would like to ask a question I have an image on a web page within a css layer: <DIV ID=MyLayer STYLE = "position:...

HTML / CSS

FIREFOX 1.0.7 AND IE6 viewed through DATATIME: a summary REPORT

by: expertware | last post by:

Ok! to avoid confusion I will start a new argument. Thanks!! FIREFOX 1.0.7 AND IE6 viewed through DATATIME: a summary REPORT ===============================================================...

HTML / CSS

Firefox doPostBack (LinkButton) not working

by: Mark Olbert | last post by:

The doPostBack javascript functioning is not submitting the page when called by linkbuttons (or an autopostback checkbox, for that matter). I'm aware of a problem with Netscape browsers and the...

ASP.NET

Firefox bug in webbrowser module on Ubuntu?!

by: SPE - Stani's Python Editor | last post by:

Hi, During optimizing SPE for Ubuntu, I found something strange. I have Ubuntu 5.10 "The Breezy Badger" and unfortunately this code is not working: >>> import webbrowser >>>...

Python

Javascript code not running in FIREFOX

by: Coder | last post by:

Hi I have the following code in java script, it is not giving proper output in FIREFOX but running fine in IE... can anybody help me out to make this run in FIREFOX . <script...

Javascript

Javascript Variables and Firefox

by: scotty | last post by:

I have a script that loops through an existing table list and prepares each href element node to trigger a function when an image is clicked. The function that will be run passes a property value...

Javascript

Visual Studio 2008 (Orcas)'s ClickOnce with Firefox

by: Carlos Mendonça | last post by:

Has anyone managed to get ClickOnce to work with Firefox? It seems to me that it still has the same issues VS 2K5 had. I appreciate any comments or tips.

.NET Framework

munged rendering in Firefox ASP.NET 2.0

by: SAL | last post by:

Hello, I did google this issue and found some stuff related to BrowserCaps section of either web.config or machine.config but it didn't work. It seems that most pages in my webapp are okay but a...

ASP.NET

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

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

Windows Server

Problem With Comparison Operator <=> in G++

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

C / C++

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

Online Marketing