Enterseite, richtig anpassen

Status
Nicht offen für weitere Antworten.
T

TaRto

Mitglied
ich habe ein kleines Problem, ich weiss nicht so recht wie ich da rangeh also frag ich euch, jeder fängt ja mal klein an

folgendes:

ich bin dabei eine startseite anzufertigen, die oben einen grauton haben soll und unten schwarz. in der mitte soll eine grafik sowie ein schriftzug hinkommen. nun weiss ich nicht so gut wie ich an die sache rangehe. was ist die richtige größe?

es darf kein scrollbalken mehr da sein, aber auch kein weisser hintergrund wie auf mein bild zu sehn ist. wie geht man da am besten vor? nimmt man eine bestimmte größe? 990x....
oder setzt man das in tabellen etc.? (es ist eine grafik in slices geschnitten)

es wäre echt schön wenn ihr mir helfen könntet.

liebe grüsse
taRt
 

Anhänge

  • bild.jpg
    bild.jpg
    7,9 KB · Aufrufe: 75
PHP: 
<table border="0" cellspacing="0" cellpadding="0" id="meintable">
<tr height="33%" style="background-color:#AAAAAA;"><td>&nbsp;</td></tr>
<tr height="34%" class="main_mid"><td>Schriftzug</td></tr>
<tr height="33%" style="background-color:#FFFFFF;"><td>&nbsp;</td></tr>
</table>

<script type="text/javascript">
window.document.getElementById("maintable").height = screen.availHeight;
</script>
Und die Klasse main_mid:
PHP: 
.main_mid {
  text-align: center;
  background-image: url(deinbild.jpg):
  /* Und die CSS-Eigentschaften für den Schriftzug */
}
 
Da ist im Code oben ein Fehler drin.
Einmal steht "meintable" und einmal "maintable".
Ich denke es soll maintable gemeint sein.
Verbesserter Code:
PHP: 
<table border="0" cellspacing="0" cellpadding="0" id="maintable">
<tr height="33%" style="background-color:#AAAAAA;"><td>&nbsp;</td></tr>
<tr height="34%" class="main_mid"><td>Schriftzug</td></tr>
<tr height="33%" style="background-color:#FFFFFF;"><td>&nbsp;</td></tr>
</table>

<script type="text/javascript">
window.document.getElementById("maintable").height = screen.availHeight;
</script>
 
Danke Daxi, hab ich ganz übersehen.
Und damit der Code auch noch im Mozilla läuft kannst du es so machen:
PHP: 
<html>
<head>

<style type="text/css">
body {
  margin: 0px;
  padding: 0px;
  background-color: #000000;
}

.main_mid {
  background-color: #FFFFFF;
  text-align: center;
  font-family: Arial;
  font-size: 50px;
  font-wight: bold;
  color: #132456;
}
</style>

</head>
<body >

<table border="0" cellspacing="0" cellpadding="0" id="maintable" width="100%">
<tr height="50%" style="background-color:#AAAAAA;"><td>&nbsp;</td></tr>
<tr height="50%" class="main_mid"><td>Schriftzug</td></tr>
</table>

<script type="text/javascript">
window.document.getElementById("maintable").style.height = screen.availHeight / 2;
</script>

</body>
</html>

//Eidt: so, hab dir jetzt mal ein lauffähiges beispiel gemacht (ohne Scrollbalken und hofentlich etwas verständlicher)
 
Zuletzt bearbeitet von einem Moderator:
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück