Søg
Avatar billede proff Nybegynder
12. august 2004 - 17:30 Der er 8 kommentarer

Hjælp til celle størrelse

<HTML>
<HEAD>
<LINK href="style.css" rel=stylesheet>
<TITLE>Manager Online</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<script type="text/javascript" src="Javascript.js"></script>

</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

<TABLE WIDTH=735 BORDER=0 CELLPADDING=0 CELLSPACING=0>
    <TR>
        <TD width="749" colspan="2">
            <IMG SRC="images/Layout_01.png" width=749 height=109 ALT=""></TD>
        <TD width="10">
            <IMG SRC="images/Layout_02.png" WIDTH=10 HEIGHT=109 ALT=""></TD>
        <TD ROWSPAN=4 width="1">
        </TD>
    </TR>
    <TR>
        <TD width="642" background="images/Layout_04.png" valign="middle">
<a href="default.php" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '150px')" onMouseout="delayhidemenu()"><span id="glowtext"><font face="Verdana" size="1"><b>&nbsp;Forside</a>&nbsp;&nbsp;&nbsp;Login&nbsp;&nbsp;&nbsp;Opret hold</font></b></span>
</b></font></span></TD>
        <TD width="109" background="images/Layout_04.png" valign="middle">
&nbsp;</TD>
        <TD width="10">
            <IMG SRC="images/Layout_05.png" WIDTH=10 HEIGHT=26 ALT=""></TD>
    </TR>
    <TR>
        <TD width="749" valign="top" colspan="2">
<font color="#000000">Glæd dig til vi giver bolden op :P</font>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

            </TD>
        <TD width="10" background="images/Layout_07.jpg">
</TD>
    </TR>
    <TR>
        <TD width="749" colspan="2">
            <IMG SRC="images/Layout_08.png" WIDTH=749 HEIGHT=13 ALT=""></TD>
        <TD width="10">
            <IMG SRC="images/Layout_09.png" width=10 height=13 ALT=""></TD>
    </TR>
</TABLE>
</BODY>
</HTML>


Hej i min midterste celle, skal jeg lave en masse <p>&nbsp;</p> for at gøre mere plads (Gøre designet længere)
Hvordan kan jeg gøre sådan at hele designet fylder 100% i længden. Altså alle mine celler undtagen den midterste har en bestemt pixel længde pga. der ligger billeder i dem som en del af mit layout. Men jeg vil have min midterste celle til at gøre sig så lang dne kan sådan at hele designet i alt bliver 100% langt. (Sådan det strækker sig til folks browser)

Forstår i hvad jeg mener ;o)
Og hvordan gør jeg det?
Forresten er det meningen at jeg vil lægge en iframe inde i den midterste celle, men selve designet skal stadig gå fra top til bund i browseren :)
Avatar billede roenving Novice
12. august 2004 - 18:53 #1
Måske er det nærmere den teknik, som er brugt her, du skal bruge:

http://www.eksperten.dk/spm/497362 og http://www.eksperten.dk/spm/488278
Avatar billede proff Nybegynder
12. august 2004 - 19:03 #2
hm, Det forstår jeg ikke meget af :D
Avatar billede roenving Novice
12. august 2004 - 19:30 #3
Ideen er, at det er nemt nok at få et element til at være præcist browser-vinduets højde, men det er svært at få et antal elementer til tilsammen at være browser-vinduets højde ...

Derfor laves grundelementet, så det har den ønskede højde, top og bund laves så, så det 'svæver' ovenpå det element, hvorefter det er nødvendigt, at skubbe til indholdet i hovedelementet, så det ikke forsvinder bagved toppen !-)
Avatar billede proff Nybegynder
12. august 2004 - 19:41 #4
For at sige det mildt, så fatter jeg stadig ikke en brik af det !-)
Det ville være kanon, hvis du gad lave min kode om til det :P? Fordi jeg forstår det ikke helt.. Jeg skal da gerne forhøje points hvis det er *s*..
Avatar billede proff Nybegynder
12. august 2004 - 20:00 #5
Altså, jeg mener. Selve midten skal fyldes resten ud. Mens de andre celler er deres bestemte pixels. Og så skal jeg have en iframe i midten
Avatar billede proff Nybegynder
12. august 2004 - 21:16 #6
Nu har jeg prøvet, men har skrottet det da jeg ikke synes det bliver til noget ;(
Laver bare en kæmpe iframe i stedet :D
Avatar billede roenving Novice
13. august 2004 - 15:27 #7
<html>
<head>
<link href="style.css" rel=stylesheet>
<title>Manager Online</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
*{margin:0px;border:0px;padding:0px;}
html,body{height:100%;text-align:center;background:#fff;}
#container{position:relative;height:100%;width:760px;margin:0px auto;top:0px;text-align:left;background:#eee;}
#rightmargin{position:relative;height:100%;float:right;width:1px;}
.top{position:relative;height:109px;overflow:hidden;background:#abc;}
.left{width:749px;float:left;}
.right{width:10px;float:left;}
.top2{position:relative;height;26px;overflow:hidden;background:#def;}
.left2{width:640px;float:left;background:url(images/Layout_04.png);vertical-align:middle;}
.left3{width:109px;float:left;background:url(images/Layout_04.png);vertical-align:middle;}
.bund{height:13px;bottom:0px;overflow:hidden;z-index:15;background:#345;}
#contentiframe{width:749px;}
</style>
<script type="text/javascript">
function sizeSite(){
  var wH = (window.innerHeight)?window.innerHeight:document.body.offsetHeight;
  var div = document.getElementById('maincontent'),ifr = document.getElementById('contentiframe');
  wH -= 109+26+13;
  div.style.height = ifr.style.height = wH + 'px';
}
</script>
</head>
<body onload="sizeSite()">

<div id="container">
  <div class="rightmargin"></div>
  <div class="top left">
    <img src="images/Layout_01.png" width=749 height=109 alt=""></div>
  <div class="top right">
    <img src="images/Layout_02.png" width=10 height=109 alt=""></div>
  <div class="top2 left2">
    <span id="glowtext" style="font-family:verdana,sans-serif;font-size:xx-small;font-weight:bold"><a href="default.php" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu1, '150px')" onmouseout="delayhidemenu()">&nbsp;Forside</a>&nbsp;&nbsp;&nbsp;Login&nbsp;&nbsp;&nbsp;Opret hold</span></div>

  <div class="top2 left3">
    &nbsp;</div>
  <div class="top2 right">
    <img src="images/Layout_05.png" width=10 height=26 alt=""></div>
  <div id="maincontent" class="left">
    <iframe src="http://dinUrl.dk" id="contentiframe" frameborder="0"></iframe>
  </div>
  <div class="right" style="background:url(images/Layout_07.jpg);"></div>
  <div class="left bund">Dette er i bunden
    <img src="images/Layout_08.png" width=749 height=13 alt=""></div>
  <div class="right bund">
    <img src="images/Layout_09.png" width=10 height=13 alt=""></div>
</div>
</body>
</html>
Avatar billede roenving Novice
13. august 2004 - 15:29 #8
-- og der bør selvfølgelig være en doctype på, som de to første linjer:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
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 går 21:38 webui_forge_cu121_torch231 med AMD Grafikkort. Af jonpet i Andet software
I går 20:06 email adresse Af Malm i Forslag til ændringer
I går 19:54 problem med google crome Af Malm i Andet software
I går 09:36 Alternativ holder til to skærme... Af Don G i Skærme
20/0815:01 Samsung smart TV Af postpeter@outlook.dk i Fri debat
White papers
Flere white papers »