Avatar billede webcreator Nybegynder
21. marts 2005 - 01:23 Der er 6 kommentarer og
1 løsning

Virker i Firefox, ikke i IE - Container (tabels med DIV)

Hej Eksperter.

Jeg forsøger ihærdigt at lave min side i ren CSS, og jeg har aldrig oplevet noget nemmere - hvis jeg altså blot skulle designe til Firefox. Men jeg har desværre atter problemer med Internet Explorer.

Sådan burde det se ud (firefox) : http://powerzone.dk/ff.jpeg
Sådan ser det ud i Internet Explorer : http://powerzone.dk/ie.jpeg

Her er min kode : http://powerzone.dk/source.txt
Avatar billede olebole Juniormester
21. marts 2005 - 02:04 #1
<ole>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>LAN After Dark</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style>

body {
  font-family: Verdana, Arial;
  font-size: 11px;
  color: #000000;
}

div.logo {
  border: 1px solid #808080;
  width: 750px;
  height: 76px;
}

div.topmenu {
  border: 1px solid #808080;
  width: 750px;
  height: 21px;
  margin: 3px 0px;
  background-color: #006499;
  background: url(images/menu.jpeg) repeat-x;
}

a.topmenu {
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 5px;
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  float: left;
}

a.topmenu:hover {
  background: url(images/menuhover.jpeg) repeat-x;
}

div.container {
  width: 750px;
  margin: 0px auto;
}

div.innerCont {
  position: relative;
}

div.menu {
  position: absolute;
  left: 0px;
  border: 1px solid #808080;
  width: 150px;
  height: 400px;
}

div.page {
  position: absolute;
  left: 155px;
  border: 1px solid #808080;
  width: 595px;
  height: 400px;
}

</style>

</head>

<body>

<div class="container">
<div class="logo"><img src="images/logo.jpeg" alt="">&nbsp;</div>
<div class="topmenu">
  <a href="#" class="topmenu">Forside</a>
  <a href="#" class="topmenu">Information</a>
  <a href="#" class="topmenu">Tilmeld</a>
  <a href="#" class="topmenu">Deltagere</a>
</div>
<div class="innerCont">
    <div class="menu">--</div>
    <div class="page">+++</div>
</div>
</div>

</body>
</html>

/mvh
</bole>
Avatar billede olebole Juniormester
21. marts 2005 - 02:06 #2
Hov ... slet lige det '&nbsp;' i denne linie:
  <div class="logo"><img src="images/logo.jpeg" alt="">&nbsp;</div>
Avatar billede webcreator Nybegynder
21. marts 2005 - 13:35 #3
Fantastisk, Ole. Du er hård til det der.
Underligt at det skal være så svært at designe til IE, men en leg at designe til Firefox.
Men det må så absolut være svartid :)
Avatar billede webcreator Nybegynder
21. marts 2005 - 13:53 #4
Hm, det er fuldstændig umuligt at markere tekst på websitet. Kan det løses ?
Avatar billede webcreator Nybegynder
21. marts 2005 - 15:15 #5
Hm, den nemme løsning er selvfølgelig en "Printervenlig side", hvorfra der både kan markeres og udskrives.
Avatar billede webcreator Nybegynder
23. marts 2005 - 17:10 #6
?-)
Avatar billede webcreator Nybegynder
28. marts 2005 - 16:35 #7
Du må sige til, hvis du vil have points
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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

Seneste spørgsmål Seneste aktivitet
I går 10:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging