Notifikationer

Markér alle som læst Log ud

Slettet bruger

17. oktober 2005 - 21:18 Der er 17 kommentarer og
1 løsning

Side ser ud som ønskes i IE men ikke i Firefox

Min side ser ud som jeg ønsker i IE men ikke i Firefox.

Link:
http://test.tkdc.dk/admin/

Nogen med et forslag til hvad der skal gøres?

/Karsten

Synes godt om

olebole Juniormester

17. oktober 2005 - 21:21 #1

<ole>

Hvorfor i alverden bruger du ikke bare en tabel til at søjleopdele med?

/mvh
</bole>

Synes godt om

Slettet bruger

17. oktober 2005 - 21:39 #2

Hvorfor ikke bruge CSS?

Synes godt om

olebole Juniormester

17. oktober 2005 - 22:22 #3

Ja, hvorfor ikke? Der er jo intet i vejen for at bruge CSS på en tabel. CSS og tabeller er absolut ikke hinandens modsætninger ... tværtimod :)

Synes godt om

Slettet bruger

17. oktober 2005 - 22:54 #4

Er godt klar over den ene ikke udelukker den anden, men kan du forklare hvorfor det skulle være bedre at bruge en tabel til lige netop dette her, fremfor at bruge css til at positionere elementerne med?

Synes godt om

olebole Juniormester

18. oktober 2005 - 00:13 #5

Der er ét element, der er beregnet til at opdele en side i søjler - det er tabellen. Derfor må bevisbyrden påhvile dig.
Hvis du mener, andre elementer - der ikke er beregnet til søjleopdeling - er bedre til at opdele en side i søjler, må du argumentere for det.

Personligt ville jeg mene, det svarer lidt til at insistere på at spise sit blødkogte æg med solbrillerne - i stedet for teskeen, der jo er beregnet til den opgave.
Det er muligt, det er smart, men før, jeg sviner mine solbriller til, vil jeg overbevises om det smarte.

Jeg er lutter øren og villig til at lære ... :)

Synes godt om

notes2c Nybegynder

18. oktober 2005 - 10:13 #6

Du skal også lige floate denne...

#outer_content {
position: relative;
width: 620px;
height: 100%;
min-height: 100%;
border-left: 1px solid #000000;
float: left; /* <- INDSÆT */
}

Synes godt om

Slettet bruger

18. oktober 2005 - 10:15 #7

Nu er jeg absolut ikke interesseret i at komme ud i en diskussion ang. tabeller og css, da jeg stadigvæk vil betragte mig som ren novice på dette område.

Hvis jeg skal være lidt fræk, kan jeg jo (på samme måde som dig), sige at bevisbyrden påhviler dig, når du siger at css ikke er beregnet til det jeg forsøger at bruge det til. Du har jo ikke argumenteret for din påstand.

Jeg kommer ikke med en påstand. Du siger man skal bruge tabeller i stedet for CSS og jeg spørger så om hvorfor man ikke kan bruge css?

Det skal betragtes som et ønske at blive belært, og ikke et ønske om at vi skal i gang med at diskutere holdninger. Jeg har altid opfattet CSS som ideelt til lige netop denne opbyning, men vil da gerne overbevises om det modsatte :o)

Anyway, tilbage til spørgsmålet.

Jeg har prøvet at opbygge siden med tabel, som du siger vil være optimalt. Jeg kan godt få det til at virke i IE, men i Firefox mangler jeg min "border" mellem de 2 celler. Da jeg så vidt jeg ved, ikke kan lave border på bare én side af en tabel, har jeg lavet en celle, med baggrundsfarven sort. Det fungerer bare ikke i firefox.

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

<body style="height: 100%; margin: 0px;">
<table width="701" border="0" cellpadding="0" cellspacing="0" style="height: 100%">
<tr>
<td width="150" valign="top"></td>
<td width="1" valign="top" style="background-color: #000000;"></td>
<td width="550" valign="top"></td>
</tr>
</table>
</body>
</html>

Synes godt om

roenving Novice

18. oktober 2005 - 11:47 #8

Hvorfor skulle du ikke kunne lave en border mellem nogle celler ?-)

<table style="width:701px;border:0;border-collapse:collapse;height:100%;">
<tr>
<td style="width:150px;vertical-align:top;border:0;padding:0;border-right:1px solid black;"></td>
<td style="width:550px;vertical-align:top;border:0;padding:0;"></td>
</tr>
</table>

-- og så fik du samtidig et minikursus i hvordan css benyttes på tabeller, mere praktisk ville man nok:

<style type="text/css">
#minTabel{width:701px;border:0;border-collapse:collapse;height:100%;}
#minTabel td{vertical-align:top;border:0;padding:0;}
#minTabel .leftTd{width:150px;border-right:1px solid black;}
</style>

<table id="minTabel">
<tr>
<td class="leftTd"></td>
<td style="width:550px;"></td>
</tr>
</table>

Synes godt om

Slettet bruger

18. oktober 2005 - 11:53 #9

roenving...> Selvfølgelig, jeg må have sovet. Havde kun tænkt på border på selve tabellen og ikke på hver enkelt celle.

Synes godt om

olebole Juniormester

18. oktober 2005 - 20:45 #10

For mig at se er denne tråd da ved at udvikle sig til det rene vrøvl :)

Hvis du virkelig mener, hvad du skriver i (17/10-2005 22:54:45), fatter jeg ikke, hvordan du efterfølgende kan finde på at skrive:
"Du siger man skal bruge tabeller i stedet for CSS og jeg spørger så om hvorfor man ikke kan bruge css?"
De to kommentarer hænger _overhovedet_ ikke sammen. Der _er_ ingen modsætninger mellem brug CSS og brug af tabeller! Det er simpelthen noget misforstået sludder :)

Hvis jeg skal tage følgende kommentar alvorlig, vil det jo betyde, jeg skal give dig et helt grundlæggende kursus i HTML og CSS - det er vist udenfor formålet med Eksperten:
"Jeg kommer ikke med en påstand. Du siger man skal bruge tabeller i stedet for CSS og jeg spørger så om hvorfor man ikke kan bruge css?"

HTML-elementer er ikke opfundet ud af den blå luft ... der er naturligvis en mening med, de hver især er indrettet, som de er.
Der er som sagt ét element, der er beregnet til søjleopdeling - nemlig tabellen. Hvis du kender andre elementer, der i sig selv opdeler et område i søjler, må du gerne fortælle mig om det. Jeg kender ikke andre.

Naturligvis vælger man det element, der er beregnet til den opgave, man skal løse ... jvf. mit eksempel med det blødkogte æg og solbrillerne.
Et ønske om at gøre andet kan således ikke være grundet i forsøget på pragmatisk, logisk problemløsning - men i holdninger.
For mig at se kan sådan et ønske kun være begrundet af en holdning om, at man skal undgå tabeller.

Den eneste holdning, jeg slår på tromme for, er den grundholdning, at man bør vælge logiske, praktiske løsninger på sine problemer. Det gælder naturligvis også, når man skal vælge et HTML-element :)

Synes godt om

Slettet bruger

20. oktober 2005 - 12:06 #11

Er godt klar over at det ene ikke udelukker det andet, men det er jo lige netop muligt at lave den opstilling jeg ønsker på 3 måder:
- kun med tabel
- kun med css
- både med en tabel og css

Mit spørgsmål gik på hvorfor det ikke anbefales at lave layoutet med css alene, nu når det er muligt??

Synes godt om

Slettet bruger

20. oktober 2005 - 12:18 #12

Kodningsmæssigt er det ca. det samme arbejde.

Synes godt om

notes2c Nybegynder

20. oktober 2005 - 12:43 #13

Dit spørgsmål gik da på hvorfor det ikke virkede i FF, hvilget jeg gav dig årsagen til....

Det andet er smag og behag...

Synes godt om

notes2c Nybegynder

20. oktober 2005 - 12:44 #14

hvilget=hvilket

Synes godt om

Slettet bruger

20. oktober 2005 - 14:41 #15

notes2c...> Det var nu heller ikke "hovedspørgsmålet" vi snakker om, men en diskussion vi har gang i længere nede.

Der er point på vej til dig, dog vil jeg gerne lige have det hele afsluttet inden jeg deler point ud.

Du skal selvfølgelig have pointene for at have løst det stillede spørgsmål, men Ole skal nok også have lidt for input (smider lidt flere point i). :o)

Synes godt om

notes2c Nybegynder

20. oktober 2005 - 15:22 #16

Jeg tænker bare sådan. Hvis man har en tabel til opdeling af søjle data, så har man vel også flere rækker... Og her giver mening. Hvorimod når vi snakker om placering af design elementer men en tabel, så er det vel generelt her uenigheden opstår... Nogle er til det ene og andre til det andet... Så min anbefaling til dig er, brug det som fungere for dig...

Synes godt om

roenving Novice

20. oktober 2005 - 16:36 #17

-- men floats fortolkes ikke ens i browserne endnu, så prøv dette dokument i forskellige browsere:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
#site{width:800px;margin: 0 auto;background-color:#f0f;}
#leftMenu{width:200px;float:left;background-color:#ff0;}
#content{width:600px;float:left;background-color:#00f;}
</style>
<script language="javascript" type="text/javascript">
</script>
<title>Floats i dokument</title>
</head>

<body>
<div id="site">
<div id="leftMenu">
Her har du f.eks. en menu, som kan være mere eller mindre lang
<br><br><br><br><br><br>
<br><br><br><br><br><br>
Slut menu
</div>
<div id="content">
Her har du noget indhold, som kan være mere eller mindre langt
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
Slut indhold
</div>
</div>
</body>
</html>

-- på trods af, at IE er blevet tvunget til at overholde så meget, den nu kan af css-standarden opfatter den floatede elementer som relativt positionerede elementer, hvilket f.eks. hverken Opera eller FireFox gør !-)

Synes godt om

notes2c Nybegynder

20. oktober 2005 - 16:56 #18

Ja efter min mening så er højden på (site div'en) 0. Hvilket jo ses i FF... Ved ikke hvorfor IE synes anderledes... Så derfor erm man nødt til at hjælpe lidt, ligesom i så mange andre tilfælde...

<body>
<div id="site">
<div id="leftMenu">
Her har du f.eks. en menu, som kan være mere eller mindre lang
<br><br><br><br><br><br>
<br><br><br><br><br><br>
Slut menu
</div>
<div id="content">
Her har du noget indhold, som kan være mere eller mindre langt
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
Slut indhold
</div>
<div style="clear: both;">Slut site</div>
</div>
</body>

Men en til er helt sikkeret, dette var ikke sket, hvis man brugte en tabel. Og det er vel derfor den stadigvæk bruges og anbefales....

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
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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS