Søg
Avatar billede plazm Nybegynder
04. marts 2005 - 13:59 Der er 8 kommentarer og
1 løsning

td height problemer

Hejsa
Jeg har på min side et problem.
Det ligger i at IE ikke vil vise logo td'en som den viser det i Firefox, og jeg er ret sikker på at Firefox viser det på den rigtige måde.
Hvad gør jeg forkert ?


URL:
http://testsitet.1go.dk/projekt/
Avatar billede di8leva Nybegynder
04. marts 2005 - 14:14 #1
i din style.css, byd
--------------------------------
table.main {
  margin: 0px auto;
  width: 750px;
  height: 100%;
  background: #FFFFFF;
}
td.logo {
  width: 750px;
  height: 80px;
  background: #FF00FF;
  vertical-align: top;
}
td.rightmenu {
  width: 125px;
  vertical-align: top;
}
td.center {
  width: 500px;
  vertical-align: top;
}
td.leftmenu {
  width: 125px;
  vertical-align: top;
}
------------------------------------------------ til ---->
.main {
  margin: 0px auto;
  width: 750px;
  height: 100%;
  background: #FFFFFF;
}
.logo {
  width: 750px;
  height: 80px;
  background: #FF00FF;
  vertical-align: top;
}
.rightmenu {
  width: 125px;
  vertical-align: top;
}
.center {
  width: 500px;
  vertical-align: top;
}
.leftmenu {
  width: 125px;
  vertical-align: top;
}
Avatar billede di8leva Nybegynder
04. marts 2005 - 14:15 #2
det eneste jeg har gjort er at fjerne td før alle dine classes
Avatar billede plazm Nybegynder
04. marts 2005 - 14:17 #3
det gjorde ikke den store forskel
Avatar billede di8leva Nybegynder
04. marts 2005 - 14:22 #4
problemet er
.main
{
  margin: 0px auto;
  width: 750px;
  height: 100%; <-------- DEN REKKE
  background: #FFFFFF;
}

hvis tabellen skal fylde hele siden, så deler IE op dine tabellrekker som den selv syns passer best.
hvad med at gøre to tabeller? en logo, og en hvid. Eksempel kommer snart
Avatar billede di8leva Nybegynder
04. marts 2005 - 14:24 #5
damn, det kan jeg omiddelbart ikke finde en nem løsning på. Vi får se hvis nogen anden siger noget :)
Avatar billede Slettet bruger
04. marts 2005 - 16:22 #6
Måske kan du bruge noget som dette.
Jeg har tilføjet noget til din CSS og brugt div - class - du kan selv arbejde videre med det.

.......................................
>HTML-doc

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title>Sikkerhedspakke til private.</title>
<meta name="Generator" content="Stone's WebWriter 4">
  <meta http-equiv="Content-Language" content="da">
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
  <link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
  <div class="wrapper">
    <div class="logo" style="height: 60px;">
        <div style="float: left; margin-left: 120px;">Logo Navn</div>
    </div>
   
    </div>
        <div class="sidebar left" align="center" style="clear: both;">
        <div class="subtitle">Links</div>
        <div class="sidebaritem first"><a href="#">Det danske Haveselskab</a></div>
        <div class="sidebaritem"><a href="#">De syv Haver</a></div>
    </div>
   
        <div class="sidebar right" align="center">
        <div class="subtitle">Menu</div>
       
        </div>
        <div class="content padleft padright">
       
<p>Her kommer så din tekst

<br><br>     
     
             
    <div class="footer" style="clear: both;"> Copyright © 2005 visithaven.dk  </div>

</body>
</html>

>og så den ændrede CSS

html,body {
  height: 100%;
  margin: 0px;
  background: #5A85A8;
}
.main {
    margin: 0px auto;
    width: 100%;
    height: auto;
    background: #FFFFFF;
}
.logo {
    width: auto;
    height: 80px;
    background: #FF00FF;
    vertical-align: top;
}
.rightmenu {
  width: 125px;
  vertical-align: top;
}
.sidebar
{
    width: 150px;
    height: 600px;
    background-color: #C7CFA7;
    color: #C7CFA7;
    font-weight: bold;
    padding: 10px 0px 5px 0px;
}
.left
{
    float: left;
}

.right
{
    float: right;
}
.content
{ 
    padding: 0px 20px 0px 20px;
    font-size: 12px;
    color: Black;
    padding: 0px;
    margin: 0px;
}

.content.padleft
{
    padding-left: 180px;
}

.content.padright
{
    padding-right: 180px;
}
.leftmenu {
  width: 125px;
  vertical-align: top;
}
.subtitle
{
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
}

...................

~ibtage~
Avatar billede plazm Nybegynder
05. marts 2005 - 20:00 #7
jeg vil helst undgå de der css tweaks
Avatar billede Slettet bruger
05. marts 2005 - 21:17 #8
Du har da fundet ud af det ?
Avatar billede plazm Nybegynder
06. marts 2005 - 17:31 #9
lavede en ny side i aftes og havde glemt dette spørgsmål, sorry
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
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
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 11:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
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
White papers
Flere white papers »