My Positioning in IE 6 is exactly the way I want it, but when I view the page in my firefox browser things are out of place. When I try and change the css my IE page moves, but the firefox doesn't. Any help would be greatly appreciated. I have set the margin and padding to 0. I am new to html and css so I don't know what else to try. Thanks
I have a doc type...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
here is my css code...
*{
margin:0;
padding:0;
}
body {
color: #FFFFFF;
background-color: #000000;
margin: 0px;
padding: 0px;
float: none;
width: auto;
position: absolute;
}
.header {
color: #FFFFFF;
position: absolute;
left: 160px;
top: 23px;
text-decoration: none;
height: 85px;
width: 403px;
background-image: url(Images/FakeAILogo.jpg);
background-repeat: no-repeat;
}
.subheader {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 400;
position: absolute;
left: 397px;
top: 110px;
height: 40px;
color: #FFFFFF;
text-decoration: none;
width: 268px;
}
#container{
color:#FFFFFF;
font-size:18px;
position: absolute;
left: 93px;
top: 165px;
width: 683px;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
height: 174px;
}
#rileyHouse{
background-image:url(Images/riley.jpg);
background-repeat: no-repeat;
height: 145px;
width: 160px;
clear: left;
float: left;
}
#skyline{
background-image:url(Images/skyline7.jpg);
background-repeat: no-repeat;
height: 147px;
width: 158px;
float: left;
}
#dropMenu{
font-weight: normal;
color:#FFFFFF;
position: absolute;
left: 468px;
top: 365px;
background:#000000;
height: 28px;
width: 228px;
}
3  3039 
Showing the css is only showing half the picture. We need the whole thing. In any case, if it works in IE but not Firefox then your code is wrong. IE is old, buggy and non-standard. Never initially test in IE. Always, always use Firefox or Opera or anything but IE.
Showing the css is only showing half the picture. We need the whole thing. In any case, if it works in IE but not Firefox then your code is wrong. IE is old, buggy and non-standard. Never initially test in IE. Always, always use Firefox or Opera or anything but IE.
I hit refresh and everything changed to the way I wanted it in Firefox. Is there any explanation for this?
That would only happen because you are refreshing the cache. Otherwise you are viewing the older page from cache.
Sign in to post your reply or Sign up for a free account.
Similar topics
by: Harald Kirsch |
last post by:
In the W3C document about CSS2, I read at
http://www.w3.org/TR/REC-CSS2/visuren.html#choose-position
the following:
absolute
The box's position (and possibly size) is specified with the...
|
by: Alex |
last post by:
Hi Everone,
I need some advice on how to setup 4 columns where the outside two are
absolute (120px) and the inner two (side by side) are relevent (Fluid)
and change with the screen.
Here's my...
|
by: Lars A. Gundersen |
last post by:
So I'm starting out with CSS positioning, and it seems to work fine -
until I check in IE6/Win, of course.
I'm trying to use absolute positioning to place a box with my site's
main contens area...
|
by: nino9stars |
last post by:
Hello,
I have just started messing with absolute positioning on webpages, and
it definitely let's you do some creative things. Well, after much
searching and help, I got the images I was using...
|
by: Mark |
last post by:
hi, i'm trying to position something in the top right corner of a
container, but i can't seem to figure out how to get it working.
here's the html
<div class='thumb'><a href='image.jpg'><img...
|
by: mikewse |
last post by:
I have a strange problem where it seems IE is doing the correct layout but Firefox and Safari isn't. I think I'm probably wrong, and there is something in the standards that say behaviour should be...
|
by: slaterino |
last post by:
Hi,
I am in the process of creating a web site at the following address:
http://www.cca-ltd.co.uk/New/en/index.html
At the moment when you hover over the navigation links a list appears
on the...
|
by: sknonline |
last post by:
Greetings.
I am having troubles using absolute positioning in IE6. When I establish the width as 100%, it's not spanning the entire width of the browser. It works in Firefox, Safari, and IE7.......
|
by: Fistro |
last post by:
I'm trying to find a design that would allow me to build web pages
without having to worry about compatibility issues (not too much, in
any case,,,)
I've came across this CSS layout technique:...
|
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,...
|
by: Charles Arthur |
last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
|
by: aa123db |
last post by:
Variable and constants
Use var or let for variables and const fror constants.
Var foo ='bar';
Let foo ='bar';const baz ='bar';
Functions
function $name$ ($parameters$) {
}
...
|
by: ryjfgjl |
last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
|
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...
|
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...
|
by: nemocccc |
last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
|
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...
|
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...
| |
