CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

iioleii Nybegynder

16. juli 2007 - 14:21 Der er 10 kommentarer

Problemer med nyt design!

Hej!

Jeg ligger og roder med et nyt design til min side! Alt gik rigtig indtil jeg finder ud af at designet ikke fungerer i IE 6 (har selv IE7). Det virker dog fint i FF og IF7 for mig, men aner faktisk ikke om det gør ved andre. Det irriterer mig vildt!
Så jeg har prøvet at lave om på det, men uden så meget hel. Og lige nu kan jeg ikke få det hele centreret S:

http://www.gratis-programmer.dk/folder

Håber virkelig nogle kan hjælpe

Synes godt om

windcape Praktikant

16. juli 2007 - 14:32 #1

Åben din side i IE7, og skriv så java script:document.compatMode() i adresselinjen :-) Og så fortæl hvad den retunere.

Synes godt om

abrjonline Nybegynder

16. juli 2007 - 14:57 #2

Hvordan er dit design opbygget? Fremes, Tabels, Css eller?
Du bruger ikke DIV eller Span vel?

Synes godt om

windcape Praktikant

16. juli 2007 - 14:59 #3

abrjonline... ehm

Opbyningen er i HTML, og stylingen er i CSS... hvilket elementer i HTML der er benytter er irrelevant, med undtagelse af dem som er forældede som <center>

Synes godt om

abrjonline Nybegynder

16. juli 2007 - 15:01 #4

Nope fordi div har det med at fucke op fx hvis du bruger safari på mac og også nogle andre browsere... Har du evt hele koden man kan se?

Synes godt om

iioleii Nybegynder

16. juli 2007 - 16:30 #5

Her er min index.php

Har gjort det at jeg har opbygget det med include, men har lige sat det sammen så i kan se:
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Gratis-Programmer.Dk - Alt gratis!</title>
<link rel="shortcut icon" href="../favicon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<script src="js/mhalist.js" type="text/javascript"></script>
<link href="css/mhalist.css" rel="stylesheet" type="text/css">
<link href="css/css.css" rel="stylesheet" type="text/css">
</head>
<body>
<table id="top" width="900">
<tr>
<td width="100%"> </td>
</tr>
</table>
<table id="topmenuindex" width="894">
<tr>
<td width="100%"><?
include("menu.php");

?> </td>
</tr>
</table>
<table id="banner">
<tr>
<td width="894">
<center><? include("banner/reklame.php"); ?></center>
</td>
</tr>
</table>
<table id="mellem">
<tr>
<td width="894">
<h1>Velkommen til Gratis-Programmer.Dk</h1>
<br>
<p>Her på siden er der en masse muligheder for, at få informationer om programmer, der kan
downloades på siden, og få andres meninger mm. <br>
Udover dette vil der arbejdes på, at få en lille shop op, hvor det bliver muligt
at købe T-shirts, kuglepenne og meget mere. </p>
<iframe marginwidth="0" marginheight="0" frameborder="0" scrolling="no" width="250" height="60" src="http://www.partner-ads.com/dk/visbannerrotation.php?rid=2072"></iframe>
</td>
</tr>
</table>
</body>
</html>

Og her kommer min css fil:
#mellem {
background-color: #D9ECF4;
position: fixed;
top: 200px;
z-index: 1;
}
#top {
width: 900px;
background-color: #D9ECF4;
background-image: url(../img/over.png);
height: 135px;
position: fixed;
z-index: 2;
}
#banner {

background-color: #D9ECF4;
top: 140px;
position: fixed;
z-index: 3;
}
#topmenuindex {
width: 900px;
top: 77px;
left: 167px;
position: fixed;
z-index: 4;

}
h1 {
font: 18px Arial Black
}
h2 {
font: 14px arial;
}
p {
font: 12px arial;
}
A:link {
COLOR: #000000;
}
A:visited {
COLOR: #000000;
}
A:active {
COLOR: #000000;
}

Mere I vil se?

Synes godt om

olebole Juniormester

16. juli 2007 - 17:06 #6

<ole>

Hvad er årsagen til at bruge position:fixed?

/mvh
</bole>

Synes godt om

iioleii Nybegynder

16. juli 2007 - 18:11 #7

det er fordi min dropdown-menu ikke kunne fungere ordenligt.
Her er css til min menu:

/* ListTree + ListMenu */
.ListTree, .ListMenu,
.ListTree ul, .ListMenu ul,
.ListTree li, .ListMenu li {
margin:0;
padding:0;
}
.ListTree li, .ListMenu li {
list-style-type:none;
list-style-position: outside;
list-style-image: none;
}

/* ListTree */
.ListTree a img {
border:0;
position:absolute;
}
.ListTree ul li {
margin-left:0em; /* Indent */
}

/* ListMenu */
.ListMenu {
border: 0px;
left: 800px;
}
.ListMenu .hasSubs ul {
background-image: url("bag1.png");
position: fixed;
height: 119px;
width: 149px;
visibility: hidden;
}
.ListMenu a {
text-decoration: none;
height: 60%;
display: block;
width: 80%;
}
.ListMenu a:hover {
background-color:#c5e7f6;
}
.ListMenu li.active {
background-color: none;

}
.ListMenu.horizontal {
float: left;
border-left: 0;
border-right: 0;
}
.ListMenu.horizontal li {
/* display:inline;*/
border:0;
width:9em;
float:left;
}
.ListMenu.horizontal li a {
display:inline;
padding:0 0em 0 0;
}
.ListMenu.horizontal ul li a {
display:block;
padding:0;
}
.ListMenu ul,
.ListMenu ul li,
.ListMenu.vertical ul li,
.ListMenu.horizontal ul li {
display:block;position:relative;
left:10px;
top:9px;
width:10em; /* Default width for menu */
}

Synes godt om

abrjonline Nybegynder

18. juli 2007 - 10:03 #8

HAr du evt prøvet at give menuerne cellpadding="0" cellspacing="0"? Altså så bare i CSS?

Du kan også centrere fra din body så det er alt i tabelerne der bliver center

Synes godt om

abrjonline Nybegynder

18. juli 2007 - 10:04 #9

Og så ændre det inden i tabellerne til den poalcering de nu skal have

Synes godt om

abrjonline Nybegynder

18. juli 2007 - 10:05 #10

Var det en løsning?

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS