Forums
This topic is locked
Text in layers move down in FireFox
10 Mar 2008 03:38:33 SG Brix posted:
I'm just so lost in CSS, and don't say to ditch it for frames, I know frames, I like to switch to CSS, learning curve is slow for me. The problem is that in Firefox the text in layer 3 just pops down, halfway out of layer 2. Other browsers have no problem with it. (Not the box itself just any type in it). Anyones help would be greatly appreciated. SG Brix
style type="text/css">
!--
#Layer1 {
margin: 0 auto;
left:14px;
top:50px;
width:990px;
height:638px;
z-index:1;
background-color: #FFFFFF;
text-align: left;
}
body {
background-color: #003366;
}
#Layer2 {
position:absolute;
left:50px;
top:50px;
width:911px;
height:77px;
z-index:1;
}
#Layer3 {
position:absolute;
left:534px;
top:67px;
width:419px;
height:36px;
z-index:2;
text-align: center;
}
.style3 {font-size: xx-large}
-->
</style>
</head>
<body>
<div id="Layer2"><img src="images/xxx.jpg" alt="xxx" width="911" height="77" /></div>
<div id="Layer3">
<h1><span class="style3"></span><span class="style3">xxx</span></h1>
</div>
<div id="Layer1">
<div id="layer"></div>
</div>
</body>
</html>
Replies
Replied 11 Mar 2008 06:20:52
11 Mar 2008 06:20:52 Javier Castro replied:
why don't you post an image of what you wanted to look like. It would help.
Javier
"I'm a slow learner and I forget fast" grandpa
DW | FW | ASP | HTML | CSS
Javier
"I'm a slow learner and I forget fast" grandpa
DW | FW | ASP | HTML | CSS
Replied 17 Mar 2008 18:43:36
17 Mar 2008 18:43:36 Giancarlo Viglianisi replied:
<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
why don't you post an image of what you wanted to look like. It would help.
Javier
"I'm a slow learner and I forget fast" grandpa
DW | FW | ASP | HTML | CSS
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
Hi all,
i am having similar problems - i think what you mean is that the text is spilling out of the bottom of the layer in firefox, but not ie.
this is happening to me too and i can't seem to fix it.
Javier, could you possibly help me out on this one? i'm really stuck and can't seem to find a direct answer to the problem - you can see what i mean here...
durhamcityscuba.co.uk/courses.html
thanks!
why don't you post an image of what you wanted to look like. It would help.
Javier
"I'm a slow learner and I forget fast" grandpa
DW | FW | ASP | HTML | CSS
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
Hi all,
i am having similar problems - i think what you mean is that the text is spilling out of the bottom of the layer in firefox, but not ie.
this is happening to me too and i can't seem to fix it.
Javier, could you possibly help me out on this one? i'm really stuck and can't seem to find a direct answer to the problem - you can see what i mean here...
durhamcityscuba.co.uk/courses.html
thanks!