|
| CSS positioneringsproblem i Opera og Moz. Fra : Steffen Holm |
Dato : 24-11-03 16:08 |
|
Hej NG.
Sidder og roder med en side, der driller lidt i Opera 7.11 og Mozilla 1.3.1.
Min server er desværre nede, så jeg kan ikke poste et link til siden, men
problemet ligger i, at moz og opera laver en afstand på ca. 15 px.
horisontalt mellem mine divs, som jeg bruger til at layoute siden med...
CSS'et ser således ud:
html, body
{
border : none;
padding : 0;
margin-top : 30px;
height : 100%;
width : 100%;
background-color : #5B89AB;
text-align : center;
}
#placering
{
width : 502px;
height : 500px;
background-color : #FFFFFF;
margin-left : auto;
margin-right : auto;
text-align : left;
border : solid 1px #918821;
}
#menu
{
width : 500px;
height : 80px;
background-color: #DED033;
}
#indhold
{
width : 500px;
height : 400px;
background-image : url("bg2.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
overflow-y : auto;
}
#bund
{
width : 500px;
height : 20px;
background-color : #DED033;
text-align : right;
}
Hvor placering er en div, der indeholder de 3 div'er menu, indhold og bund.
De 3 div'er er placeret oven over hinanden....
Hvad mon der galt siden der kommer dette "space" mellem menu, indhold og
bund?
På forhånd tak.
--
Steffen Holm
| |
Britt Malka (24-11-2003)
| Kommentar Fra : Britt Malka |
Dato : 24-11-03 16:12 |
|
On Mon, 24 Nov 2003 16:07:34 +0100, "Steffen Holm" <mail@skibumsen.dk>
wrote:
>Sidder og roder med en side, der driller lidt i Opera 7.11 og Mozilla 1.3.1.
>
>Min server er desværre nede, så jeg kan ikke poste et link til siden, men
>problemet ligger i, at moz og opera laver en afstand på ca. 15 px.
>horisontalt mellem mine divs, som jeg bruger til at layoute siden med...
Det er faktisk omvendt. Dit positioneringsproblem ligger i MSIE, for
Opera og Mozilla følger standarden fra W3C.
Du kan omgå problemet ved at indsætte en "hvis msie"-kode. Der blev
for nyligt postet et link her i gruppen, men jeg kunne ikke lige finde
det. Til gengæld har jeg denne artikel, der måske kan inspirere dig:
http://www.tips-og-tricks.com/tippet?post=139
Jeg har i hvert fald selv gjort det på den måde for at undgå, at
tingene - korrekt nok - hopper i Opera. Nu har jeg rykket kolonnen
længere ned i MSIE alene.
--
Britt Malka
Forkort dit link, og vælg selv forkortelsen: www.kortlink.com
(Svar ikke til denne e-mail-adresse. Mail slettes på serveren p.g.a. spam)
| |
Steffen Holm (24-11-2003)
| Kommentar Fra : Steffen Holm |
Dato : 24-11-03 16:20 |
|
"Britt Malka" <news@foxladi.com> skrev:
> Det er faktisk omvendt. Dit positioneringsproblem ligger i MSIE, for
> Opera og Mozilla følger standarden fra W3C.
Det kan man jo godt sige, og vi er eninge om at IE er noget L... når det
gælder om at tolke CSS. Mit problem er dog at IE tolker mit CSS på den måde
jeg havde tænkt mig da jeg kodede - og IE laver siden rigtig....
Jeg har stirret mig blind på, hvor jeg har bedt Opera og Moz om at lave
mellemrum mellem mine div'er....
> Du kan omgå problemet ved at indsætte en "hvis msie"-kode.
I et sådan tilfælde skulle mit nuværende CSS være "hvis IE" CSS'et....
Hvordan skal det "normale" CSS, der læses og tolkes af alt andet end IE så
se ud, for at jeg får den ønskede effekt?
Tak for det hurtige svar, der desværre ikke løste gåden - måske er det mig
der er lidt fatsvag her sidst på dagen...
--
Steffen Holm
| |
Britt Malka (24-11-2003)
| Kommentar Fra : Britt Malka |
Dato : 24-11-03 16:38 |
|
On Mon, 24 Nov 2003 16:19:33 +0100, "Steffen Holm" <mail@skibumsen.dk>
wrote:
>Det kan man jo godt sige, og vi er eninge om at IE er noget L... når det
>gælder om at tolke CSS.
Ja!
>I et sådan tilfælde skulle mit nuværende CSS være "hvis IE" CSS'et....
>Hvordan skal det "normale" CSS, der læses og tolkes af alt andet end IE så
>se ud, for at jeg får den ønskede effekt?
Godt spørgsmål. Jeg har lavet en side efter dit css, og den er ens i
Opera og MSIE, men jeg har jo ikke alt det andet, du har på din
side... Jeg lavede kun lige:
<div id="menu">Menu</div>
<div id="indhold">Indhold</div>
<div id="bund">Bund</div>
>Tak for det hurtige svar, der desværre ikke løste gåden - måske er det mig
>der er lidt fatsvag her sidst på dagen...
Næh, men sig til, når din server er online, så du kan sende et link,
der måske siger mere end ord
--
Britt Malka
Forkort dit link, og vælg selv forkortelsen: www.kortlink.com
(Svar ikke til denne e-mail-adresse. Mail slettes på serveren p.g.a. spam)
| |
Knud Gert Ellentoft (24-11-2003)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 24-11-03 16:49 |
|
"Steffen Holm" <mail@skibumsen.dk> skrev :
>Min server er desværre nede, så jeg kan ikke poste et link til siden
Tjah, om ikke andet så har du vel noget hjemmesideplads hos din
udbyder du kunne bruge.
Ellers er der jo masser af steder man kan oprette gratis
hjemmesideplads og til test skulle det, da sagtens kunne bruges,
--
Knud
| |
from south (24-11-2003)
| Kommentar Fra : from south |
Dato : 24-11-03 17:33 |
|
"Knud Gert Ellentoft" <ellentoft@mail.tele.invalid> skrev i en
meddelelse news:b0a4svsc5aatt35uissq0dn9h355llnfja@dtext.news.tele.dk...
> "Steffen Holm" <mail@skibumsen.dk> skrev :
>
> >Min server er desværre nede, så jeg kan ikke poste et link til siden
>
> Tjah, om ikke andet så har du vel noget hjemmesideplads hos din
> udbyder du kunne bruge.
>
> Ellers er der jo masser af steder man kan oprette gratis
> hjemmesideplads og til test skulle det, da sagtens kunne bruges,
> --
> Knud
Hej Knud, tror du ikke at Steffen har hørt om en server, han ved bare
ikke lige hvad det er. Hvis jeg hjælper andre bruger jeg min private www
viste ikke at man kunne få en gratis. Men sådan er der jo så meget. Mvh
Knud ( en anden Knud)
| |
Christian Bohr-Halli~ (24-11-2003)
| Kommentar Fra : Christian Bohr-Halli~ |
Dato : 24-11-03 18:01 |
|
"from south" <and@mand.invalid> posting:
>> Tjah, om ikke andet så har du vel noget hjemmesideplads hos din
>> udbyder du kunne bruge.
>Hej Knud, tror du ikke at Steffen har hørt om en server, han ved bare
Mon ikke Knud mente webplads hos Steffens udbyder i stil med den
plads du får, når du tegner abo. til en internet-opkobling?
>ikke lige hvad det er. Hvis jeg hjælper andre bruger jeg min private www
Har du et privat WWW? Så gælder det første W jo ikke?
--
What is life, except excuse for death,
or death, but an escape from life.
--Unknown
| |
Knud Gert Ellentoft (24-11-2003)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 24-11-03 18:19 |
|
Christian Bohr-Halling <nospam@direkte.org> skrev :
>Mon ikke Knud mente webplads hos Steffens udbyder i stil med den
>plads du får, når du tegner abo. til en internet-opkobling?
Jo, og det regnede jeg med var forståeligt.
--
Knud
| |
Steffen Holm (24-11-2003)
| Kommentar Fra : Steffen Holm |
Dato : 24-11-03 21:32 |
|
Så kører serveren igen....
Siden kan ses her: http://steffenholm.dyndns.dk/projekt/
Som sagt er problemet at der bliver et mellemrum mellem de 3 div'er, i Opera
og Mozilla, men ikke i IE, som ellers burde tolke CSS'et "forkert".
CSS'et ligger her: http://steffenholm.dyndns.dk/projekt/3g.css
Jeg takker for de svar der ahr været, og håber på at der et eller andet sted
i den wide werden findes en der kan hjælpe.
--
Steffen Holm
| |
Knud Gert Ellentoft (24-11-2003)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 24-11-03 22:00 |
|
"Steffen Holm" <mail@skibumsen.dk> skrev :
>Som sagt er problemet at der bliver et mellemrum mellem de 3 div'er, i Opera
>og Mozilla, men ikke i IE, som ellers burde tolke CSS'et "forkert".
Undlad <p>, den er overflødig idet du jo har et blockelement med
<div> og det er den, der er skyld i det ekstra mellemrum.
<div id=bund>
Lavet af den hårdeste gruppe i XP 11 !!!
</div>
Og husk at sætte en doctype og content på siden, helst en, der
sætter IE i standardmode.
--
Knud
| |
J.K.Arning (24-11-2003)
| Kommentar Fra : J.K.Arning |
Dato : 24-11-03 22:23 |
|
Knud Gert Ellentoft wrote:
> Og husk at sætte en doctype og content på siden, helst en, der
> sætter IE i standardmode.
Hvilke problemer ville det evt. løse og har du et link til en
beskrivelse af det ?
Regards
| |
Knud Gert Ellentoft (24-11-2003)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 24-11-03 22:41 |
|
"J.K.Arning" <news@_NO_SPAM_arning.dk> skrev :
>Hvilke problemer ville det evt. løse og har du et link til en
>beskrivelse af det ?
Som det er nu, så vil det næppe gøre den store forskel.
Men med en doctype, som sætter browseren i standardmode sikrer,
at siden bliver vist efter standarden og dermed i videst muligt
omfang i forskellige browsere.
http://www.alistapart.com/articles/doctype/
http://html.dk/artikler/00036/
Contentype fortæler browseren, hvordan siden skal fortolkes og
hvilket tegnsæt, der bruges, hvilket gør at f.eks. danske tegn
altid vil blive vist korrekt.
Har ikke lige noget link, men det er ret enkelt.
Indsæt i <head>:
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
Det første fortæller at siden skal fortolkes som html og det
sidste, at der bruges vesteuropæisk tegnsæt.
F.eks. kunne din side se sådan ud:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>3G - spørgsmål og svar...</title>
<link rel="stylesheet" type="text/css" href="3g.css" />
</head>
<body>
<div id="placering">
<div id="menu">
<img src="menuen.jpg" alt=""/>
</div>
<div id="indhold">
<h1>Masterne</h1><p><img id="billedeh"
src="antenne.jpg" alt="" />Masterne er nogle frygtelig grimme
sataner.... Her på siden kan du se billeder af en af disse
grimmerianer. Masterne blievr sat overalt i Danmark - det ligner
sgu lort. Om masterne giver stråling kan du ikke læse om her -
brug hjernen - se menupunktet rapporter...
For at masterne virker, skal de op over
terræn niveau. Det er derfor de SKAL sidde og rage op så alle kan
se dem...</p>
</div>
<div id="bund">
Lavet af den hårdeste gruppe i XP 11 !!!
</div>
</div>
</body>
</html>
Se også http://html.dk/artikler/00031/
--
Knud
| |
J.K.Arning (25-11-2003)
| Kommentar Fra : J.K.Arning |
Dato : 25-11-03 09:21 |
|
Knud Gert Ellentoft wrote:
>
> Som det er nu, så vil det næppe gøre den store forskel.
>
[Snip en forklaring]
Tak skal du have .. det er helt nyt for mig.
Regards
| |
|
|