|
-
Oct 25th, 2004, 08:30 AM
#1
Thread Starter
Don't Panic!
 [resolved] FF and IE misery - again
Hi,
Attached piccy is the two screens...
In IE
- the list items are adding (unwanted) space again
- the document doesn't appear to flow under the menu - poss 'cause of the picture only on this page - although in ff it does
(Huge) Css pasted below...
Code:
/*
---- D E F A U L T ----
*/
body {
color: #000;
background:#fff;
margin:0;
padding:0;
font-family: sans-serif;
scrollbar-face-color:#Fff;
scrollbar-arrow-color:rgb(181,215,246);
scrollbar-track-color:#fff;
scrollbar-shadow-color:#666;
scrollbar-highlight-color:#ddd;
scrollbar-3dlight-color:#eee;
scrollbar-darkshadow-Color:#333;
}
a {
color: #333;
text-decoration: none;
}
a:hover {
color: #666;
}
/*
---- M E N U B I T S N B O B S ----
*/
#mnuarea {
color: #000;
width: 140px;
margin: 0 48px 0 0;
float: left;
border: solid 0px #f00;
}
#mnutop {
width:140px;
background: url(./pics/mnutop01.jpg) 0 0 no-repeat;
height: 32px;
border: solid 0px #FF0;
}
#mnubot {
width:140px;
background: url(./pics/mnubot01.jpg) 0 0 no-repeat;
height: 32px;
border: solid 0px #FF0;
}
#menu {
color: #000;
background: rgb(181,215,246) url(./pics/menu01.jpg) 100% 0% repeat-y;
text-align: center;
font-variant: small-caps;
font-size: 70%;
padding: 0;
border: solid 0px #000;
}
#menu ul {
margin: 0;
padding: 0;
text-align: center;
list-style: none;
border: solid 0px #000;
}
#menu ul li {
margin: 0 0 0 8px;
padding: 0;
/* width: 80%;*/
border: solid 1px #000;
}
#menu .title {
/* text-decoration: underline; */
text-align: left;
text-indent: 1em;
font-variant: small-caps;
font-weight: bold;
font-size: 120%;
margin: 1em 24px 0 16px;
border: solid 1px #222;
border-width: 0 0 1px 0;
}
#menu a {
color: #444;
text-decoration: none;
}
#menu a:hover {
color: #777;
background: #448;
}
/* -- Title / Logo -- */
#logo {
color: #000;
background: url(./pics/alain2.jpg) 50% 50% no-repeat;
top: 5px;
left: 140px;
width: 100%;
height: 64px;
font-size: 2.5em;
font-weight: bold;
text-align: center;
display: block;
}
/*
---- D I S P L A Y A R E A ----
I want this to flow under the left menu if poss...
*/
#display {
color: #000;
background: #fff url(./pics/fundo.gif);
width: 100%;
text-align: center;
border: solid 1px #0f0;
}
#display .datedone {
text-align: right;
padding: 0 2em 0 0;
font-size: .6em;
}
/*
---- C O P Y R I G H T ----
*/
#crarea {
width: 400px;
text-align: center;
margin-left: auto;
margin-right: auto;
border: solid 1px #00f;
}
#crarea #crl {
width: 364px;
background: url(./crl.gif) 0 0 no-repeat;
border: solid 1px #f0f;
}
#crarea #crr {
width: 364px;
margin-left: 32px;
background: url(./crr.gif) 332px 0 no-repeat;
border: solid 1px #55f;
}
#crarea #copyright {
color:#fff;
background: #06a;
width:332px;
margin-right: 32px;
font-variant: small-caps;
font-size:.75em;
text-align: center;
border: solid 1px #00f;
}
/*
---- Classes
*/
.iefixcenter { text-align: center; }
.bigspc { height: 64px; }
.medspc { height: 32px; }
.smlspc { height: 16px; }
.subtitle { font-weight: bold; text-decoration: underline; }
Any advice welcome...
Vince
Last edited by Ecniv; Oct 27th, 2004 at 04:55 AM.
Feeling like a fly on the inside of a closed window (Thunk!)
If I post a lot, it is because I am bored at work! ;D Or stuck...
* Anything I post can be only my opinion. Advice etc is up to you to persue...
-
Oct 25th, 2004, 07:04 PM
#2
The first sounds like IE's list whitespace problem. Can you post the code of the list?
All the buzzt
 CornedBee
"Writing specifications is like writing a novel. Writing code is like writing poetry."
- Anonymous, published by Raymond Chen
Don't PM me with your problems, I scan most of the forums daily. If you do PM me, I will not answer your question.
-
Oct 26th, 2004, 08:23 AM
#3
Thread Starter
Don't Panic!
This is the straight html...
I've um put it into javascript to mimic Asp on a normal html site for a friend of a friend. I hoped it would make it easier on them if the menu is in one place...
Code:
<html><head>
<title> Alain Receitas Francesas </title>
<link rel='stylesheet' type='text/css' href='./style.css' title='styled' />
</head>
<body>
<!-- Menu left side -->
<div id='mnuarea'>
<div id='mnutop'></div>
<div id='menu'>
<img src='./pics/alain3.gif' alt='Chef' width=64 height=64 /><br />
<ul><li><a href='./index.htm' title='Home'> Home </a></li></ul>
<div class='iefixcenter'><div class='title'>Menu</div></div>
<ul>
<li><a href='./brioches.htm' title='Brioches'> Brioches </a></li>
<li><a href='./folhadosdoces.htm' title='Folhados'> Folhados Doces </a></li>
<li><a href='http://www.alainreceitasfrancesas.com/tortasdoces.html' title='Tortas'> Tortas Doces </a></li>
<li><a href='crepesdoces.htm' title='Crêpes'> Crêspes Doces </a></li>
<li><a href='folhadossalgados.html' title='Folhados'> Folhados Salgados </a></li>
<li><a href='./tortassalgadas.htm' title='Torta'> Tortas Salgadas </a></li>
</ul>
<div class='title'>Outros</div>
<ul>
<li><a href='./fotos.htm'> Fotos </a></li>
<li><a href='./historia.htm'> Historia </a></li>
<li><a href='./londrina.htm'> Londrina </a></li>
<li><a href='./gerardmer.htm'> Gerardmer </a></li>
<li><a href='./pedacinhodafrança.htm'> Pedacinho da França </a></li>
<li><a href='./curiosidadesfrancesas.htm'> Curiosidades francesas </a></li>
<li><a href='./contato.htm'> Contato </a></li>
</ul>
</div>
<div id='mnubot'></div>
</div>
<!-- End Menu left side -->
<!-- Start Display -->
<div id='display'>
<div id='logo'></div>
<div class='datedone'>Last updated: 01 Jun 2004</div>
<!-- Main display stuff in betzeen here \/ -->
<img src="pics/tortas.jpg">
<!-- Main display stuff in betzeen here /\ -->
<div class='iefixcenter'><DIV id='crarea'><div id='crl'><div id='crr'><DIV id='copyright'>Copyright © 2004</DIV></div></div></DIV></div>
</div>
<p></p>
<p>
<div align='center'>
<a href='http://www.linkws.com'><img border=0 src='http://www.linkws.com/images/lwt_sp.gif'></a>
<img src='pics/email12.gif' width='77' height='50' border='0' usemap='#Map'>
<map name='Map'><area shape='rect' coords='11,11,70,39' href='mailto:[email protected]'>
<area shape='rect' coords='10,16,66,37'>
</map>
<map name='Map2'>
<area shape='rect' coords='10,11,81,26' href='mailto:[email protected]'>
</map>
<area shape='rect' coords='17,15,59,31'>
<script language='JavaScript' type='text/javascript' src = "http://www.linkws.com/webservices/lwt/lwt.jsp?userProductID=10104"></script>
<!--END-LINKWS-LWT-->
<script language="JavaScript" src="http://www.contadordevisitas.com.br/contador.php?id=21052&digitos=6&fonte=&tipo=6&size=&cor="></script>
<!--LINKWS-LWT-->
</div>
</p>
</body>
</html>
Feeling like a fly on the inside of a closed window (Thunk!)
If I post a lot, it is because I am bored at work! ;D Or stuck...
* Anything I post can be only my opinion. Advice etc is up to you to persue...
-
Oct 26th, 2004, 10:15 AM
#4
IE sometimes incorrectly shows whitespace between <li>s that ought to be ignored. Try this (weird) syntax:
Code:
<li><a href='./brioches.htm' title='Brioches'> Brioches </a></li
><li><a href='./folhadosdoces.htm' title='Folhados'> Folhados Doces </a></li>
All the buzzt
CornedBee
"Writing specifications is like writing a novel. Writing code is like writing poetry."
- Anonymous, published by Raymond Chen
Don't PM me with your problems, I scan most of the forums daily. If you do PM me, I will not answer your question.
-
Oct 27th, 2004, 04:43 AM
#5
Thread Starter
Don't Panic!
Its accounting for the return line??
Hmmm that actually sounds familiar, I think it did that with some of the remarks (for some reason replicated what was in a div outside the div as well because of a remark line near it).
I'll try that with the <li>'s
Thanks CornedBee
Feeling like a fly on the inside of a closed window (Thunk!)
If I post a lot, it is because I am bored at work! ;D Or stuck...
* Anything I post can be only my opinion. Advice etc is up to you to persue...
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|
Click Here to Expand Forum to Full Width
|
Reply With Quote
