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.dt d">
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(Image s/riley.jpg);
background-repeat: no-repeat;
height: 145px;
width: 160px;
clear: left;
float: left;
}
#skyline{
background-image:url(Image s/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:#000 000;
height: 28px;
width: 228px;
}
3 3061
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
'left', 'right', 'top', and 'bottom' properties. These properties
|
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 rough layout:
|
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 in middle of my pages, so that there are spaces for
other things on all four sides of the area. CSS declaration:
body {
position: absolute;
overflow: hidden;
height: 100%;
|
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 to overlap correctly.
You can see it on this page:
www.creativekaysjewelry.com
The images overlap exactly how I wanted and in the right position
|
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 src='photos/thumbs/
bigsmile.jpg'></a><a class='del' href='?p=gallery&del=2'>x</a></div>
where 'thumb' is my container, and 'del' should be aligned to the top
right. here's the css
| |
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 like Firefox does, but could someone tell me what is right?
In the below code I have element trees with three DIVs; the outer DIV establishes a positioning context and the "middle" DIV uses absolute positioning to put its top left corner in the...
|
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 training and support tabs. This works fine in Firefox but in IE
(I have v7.0) the list jumps to the right instead of dropping straight
down from the menu. If i change the positioning on the #navstrip li ul
element to relative this fixes 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.... Just not IE6. Any suggestions?
Website: stevenkneff.com
code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
|
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:
http://alistapart.com/articles/fauxabsolutepositioning
It calculates the left offset from a fixed position, as opposed to
calculating it from the right edge of the preceding element by using a
combination of position: relative, left: 100% and a...
|
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: 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, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed.
This is as boiled down as I can make it.
Here is my compilation command:
g++-12 -std=c++20 -Wnarrowing bit_field.cpp
Here is the code in...
|
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: 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...
|
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: 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...
|
by: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
| |
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| |