html - Hjælp - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

Bruger #11184 @ 03.03.07 20:10

Er der nogle der kan hjælpe mig?

jeg har et problem med noget i min css.
Det virker i firefox, men IE kan jeg intet se.

Koden er her:

Kode

.midt_bund {
	border-top: solid 13px #20782a; 
	border-bottom: solid 5px #ffffff; 
	padding-right: 5px; 
	padding-left: 5px;
}

Den skal lave sådan en to kasser under, den ene med en farve, og den anden skal være hvid

10 svar postet i denne tråd vises herunder
4 indlæg har modtaget i alt 6 karma

Sorter efter stemmer Sorter efter dato

Bruger #5620 @ 04.03.07 12:53

1.500

du kan skrive
<td class='midt_bund'> </td>

og sætte font-size til 0 px i midt_bund

Bruger #10266 @ 03.03.07 21:09

125

Prøv at give mig et link

Bruger #5097 @ 03.03.07 22:32

818

Hvis midt_top er en class, så mener jeg at man ikke skal have et punkttum før. Ellers behøver man det bare ikke.

Prøv

Kode


midt_bund {
	border-top: solid 13px #20782a; 
	border-bottom: solid 5px #ffffff; 
	padding-right: 5px; 
	padding-left: 5px;
}

Er ikke sikker, men er da et forsøg værd, nå det bare er en så basal ting som at fjerne et punktum!

Bruger #4479 @ 03.03.07 23:09

602

Er ikke sikker, men er da et forsøg værd, nå det bare er en så basal ting som at fjerne et punktum!

Der skal være punktum

Tror ikke at problemet ligger i den kode. Tror nærmere at header.php eller footer.php kunne være problemet

Edit: Specielt fordi at det virker hos mig i IE hvis jeg bare sætter de to ind

Indlæg senest redigeret d. 03.03.2007 23:13 af Bruger #4479

Bruger #11184 @ 03.03.07 21:15

Jeg har intet link. Arbejder i sådan et program hvor man ligger filerne ind i en mappe, og så går man ind i sin browser og skriver localhost ...

Men kan give noget mere kode hvis det kan hjælpe.

css´en

Kode

.midt {
	width: 510px; 
	padding-left: 5px; 
	padding-right: 5px; 
	padding-bottom: 15px; 
	vertical-align: top; 
	font-size: 12px; 
	text-decoration: none; 
	color: #000000;
}
.midt_top {
	font-size: 14px; 
	font-family: tahoma; 
	font-weight: bold; 
	background-color: #20782a; 
	padding-left: 5px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
}
.midt_midt {
	font-size: 12px; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	background-color: #609867; 
	padding-left: 8px; 
}
.midt_bund {
	border-top: solid 13px #20782a; 
	border-bottom: solid 5px #ffffff; 
	padding-right: 5px; 
	padding-left: 5px;
}

php´en

Kode

<?php 	require_once "header.php";

	echo "
	<table cellspacing='0' cellpadding='0' width='100%'>
      <tr><td class='midt_top'>OVERSKRIFT</td></tr>
      <tr><td class='midt_midt'>
	TEKST
	</td></tr>
      <tr><td class='midt_bund'></td></tr>
 	</table>";

	require_once "footer.php";
?>

Indlæg senest redigeret d. 03.03.2007 21:21 af Bruger #11184

Bruger #11184 @ 03.03.07 23:17

Men hvordan kan fejlen ligge der, når den virker i firefox?

Bruger #4479 @ 04.03.07 11:14

602

Men hvordan kan fejlen ligge der, når den virker i firefox?

Fordi at noget virker i FF som ikke virker i IE

Bruger #11184 @ 04.03.07 11:47

Okay.

Prøver at ligge noget at header og footer op så. Jeg kan nemlig ikke finde fejlen.

Header:

Kode

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//DK'>
<html>
<head>
  <title>Title</title>

  <link rel="stylesheet" type="text/css" href="templates/css/style.css" />
  <link rel="shortcut icon" href="favicon.ico" />
</head>
<body>
<div id="bbody" style="margin:0 auto;"><img class="banner" src="images/banner.gif" /><div align="center">
<table cellspacing=0 cellpadding=0 width=770>
<tr>
<td align=left>
<table cellspacing=0 cellpadding=0 width=770>
  <tr><td style="width: 120px; vertical-align: top;">
        <table cellspacing="0" cellpadding="5" width="120px">
      <tr><td class="bg_top_menu">Menu</td></tr>
      <tr><td class="bg_menu">
          <a href="../kj/index.php" class="<?php print (basename($_SERVER['SCRIPT_FILENAME']) == 'index.php' ? 'selected' : 'menu'); ?>">Forside</a>
          <a href="../kj/profil.php" class="<?php print (basename($_SERVER['SCRIPT_FILENAME']) == 'profil.php' ? 'selected' : 'menu'); ?>">Firmaprofil</a>
          <a href="../kj/kunder.php" class="<?php print (basename($_SERVER['SCRIPT_FILENAME']) == 'kunder.php' ? 'selected' : 'menu'); ?>">Kunder</a>
          <a href="../kj/bolig.php" class="<?php print (basename($_SERVER['SCRIPT_FILENAME']) == 'bolig.php' ? 'selected' : 'menu'); ?>">Bolig</a>
          <a href="../kj/industri.php" class="<?php print (basename($_SERVER['SCRIPT_FILENAME']) == 'industri.php' ? 'selected' : 'menu'); ?>">Industri</a>
          <a href="../kj/sikring.php" class="<?php print (basename($_SERVER['SCRIPT_FILENAME']) == 'sikring.php' ? 'selected' : 'menu'); ?>">Sikring & Alarm</a>
          <a href="../kj/tele.php" class="<?php print (basename($_SERVER['SCRIPT_FILENAME']) == 'tele.php' ? 'selected' : 'menu'); ?>">Tele & Data</a>
          <a href="../kj/fiber.php" class="<?php print (basename($_SERVER['SCRIPT_FILENAME']) == 'fiber.php' ? 'selected' : 'menu'); ?>">Fiberløsninger</a>
          <a href="../kj/elevator.php" class="<?php print (basename($_SERVER['SCRIPT_FILENAME']) == 'elevator.php' ? 'selected' : 'menu'); ?>">Elevatorer</a>
          <a href="../kj/salg.php" class="<?php print (basename($_SERVER['SCRIPT_FILENAME']) == 'salg.php' ? 'selected' : 'menu'); ?>">EL-Salg</a>
          <a href="../kj/testu.php" class="<?php print (basename($_SERVER['SCRIPT_FILENAME']) == 'testu.php' ? 'selected' : 'menu'); ?>">Testudstyr</a>
          <a href="../kj/projekter.php" class="<?php print (basename($_SERVER['SCRIPT_FILENAME']) == 'projekter.php' ? 'selected' : 'menu'); ?>">Projekter</a>
          <a href="../kj/lstillinger.php" class="<?php print (basename($_SERVER['SCRIPT_FILENAME']) == 'lstillinger.php' ? 'selected' : 'menu'); ?>">Stillingsopslag</a>
          <a href="../kj/kontakt.php" class="<?php print (basename($_SERVER['SCRIPT_FILENAME']) == 'kontakt.php' ? 'selected' : 'menu'); ?>">Kontakt</a>
      </td></tr></table>
  </td>
  <td class="midt">

f.eks: Index.php

Kode

<?php
	require_once "header.php";

	echo "
	<table cellspacing='0' cellpadding='0' width='100%'>
      <tr><td class='midt_top'>OVERSKRIFT</td></tr>
      <tr><td class='midt_midt'>
	TEKST
	</td></tr>
      <tr><td class='midt_bund'></td></tr>
 	</table>";

	require_once "footer.php";
?>

Footer

Kode

  </td>
	  <td style="width: 120px; vertical-align: top;">
		<?php include("moduler/vinfo/vinfo.php") ?>
		</td></tr>
	</table>
</td></tr></table>
</div>
	<div class="footer footer-font">
		Copyright 2006 - <?php echo date("Y"); ?> © <a target="_blank" href="LINK">TEKST</a>
	</div>
     </div>
   </body>
</html>

Indlæg senest redigeret d. 04.03.2007 11:49 af Bruger #11184

Bruger #5789 @ 05.03.07 10:01

640

Du har ingen url til DTD typen, derfor kan du aldrig regne med at IE og FF fortolker dit html ens.

IE kører nok quirksmode, hvor FF forsøger at fortolke som html 4.01..

Brug ex:

Kode

<!DOCTYPE HTML PUBLIC 
"-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Men du skal så regne med at det hele "fucker" lidt op. Men at siderne herefter, med korrekt brug af CSS, vil være ens i FF og IE.

Alternativt, få det samlet i en fil, så vi kan se det - Så kan det sikkert godt løses.

Der skal forresten være punktum foran klasse selectors i css.

Update: jfør : http://www.html.dk/artikler/00036/ kører både mozilla og IE quirksmode med din DTD, altså gætter de sig begge til hvad du mener.

Indlæg senest redigeret d. 05.03.2007 10:10 af Bruger #5789

Bruger #11184 @ 05.03.07 16:22

Tak nørden. Det hjalp

Kan prøve det andet på et tidspunkt jokke

Jeg takker jer alle som kom med svar

Hjælp

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler