[CSS] DIV Container

K

ktimk

Radfahrer
ID: 221953
L
10 August 2006
159
11
Hi, ich habe das Problem, dass nicht die Befehle nicht komplett ausgeführt werden wie ich sie gebe. Eigentlich sollte Float ja nicht vererblich sein, doch auf https://kluser.ch/timkluser sieht das anderst aus...

Hier der Code:

PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tim Kluser</title>

<style type="text/css">
<!--
@charset "utf-8";
.header {
	float: left;
}
.login {
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	font-size: 12px;
}
.content {
	margin-left:auto; margin-right:auto;
	margin-top: 70px;
	width: 70%;
}
.menu {
	width: 15%;
	float: left;
}
.adsense {
	width: 15%;
	float: right;
}
.copyright {
}
-->
</style>

<body>
<div class="header"><img src="Bilder/logo.jpg" /></div>
<div class="login"><form action="login.php">
  <table border="0" cellpadding="0" cellspacing="4">
    <tr>
      <td align="right">Amin:</td>
      <td><input name="admin" type="text" size="30" maxlength="30"></td>
    </tr>
    <tr>
      <td align="right">Passwort:</td>
      <td><input name="passwort" type="text" size="30" maxlength="30"></td>
    </tr>
  </table>
</form></div>
<div class="content">xx</div>
<div class="menu">Link1<br />
  Link2<br />
  Link3<br />
  Link4<br />
  Link5<br />
</div>
<div class="adsense">dscsd</div>
</body>
</html>

Ich hoffe Ihr könnt mir helfen, ich habe keine Ahnung was ich noch machen könnte. Vielen Dank im vorraus!
mfg Tim
 
Wenn du schon XHTML als doctype angibst, dann mach folgendes noch rein, damit dein code valide ist.
- vor dem body element musst du den head beenden
- füg dem img element ein alt-Attribut hinzu
- beende die input-elemente mit />

zu deinem eigentlichen Problem: Was für ein Problem gibt es da? Bzw. was wird denn deiner Meinung nach falsch dargestellt? Ich sehe da jetzt auf die schnelle kein Problem :-?

[edit]
Bei deinem Passwort-Input könntest du eventuell noch den type von text auf "password" ändern, dann bekommst du diese sterne als eingabe zu sehen.
[/edit]
 
Zuletzt bearbeitet:
nimm erstmal die tabellen da raus, und dann erklär mal bitte was du genau willst!? ^^
 
sorry, erstaml danke für die Antworten.

Ich möchte den logo Div oben links auf gleicher ebene wie der login div haben.
Auf der zweiten "zeile" möchte ich dann links (15% der Länge) das Menu, in der Mitte (70%) den Content und rechts dann noch den Adsense Div mit (15% breite)

Wenn ihrs nicht versteht, kann ich sonst noch ne skizze erstellen.


Sorry, wegen der Noob frage, möchte mich aber gerne mal in CSS versuchen und Google kann nach meinen Suchbegriffen leider keine richtige antwort finden... :-(

mfg Tim


edit: Firefox und IE intepretieren das ganze ganz anderst... :-(

@Moloc:
PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tim Kluser</title>
</head>
<style type="text/css">
<!--
@charset "utf-8";
.header {
	float: left;
}
.login {
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	font-size: 12px;
}
.content {
	margin-left:auto; margin-right:auto;
	margin-top: 70px;
	width: 70%;
}
.menu {
	width: 15%;
	float: left;
}
.adsense {
	width: 15%;
	float: right;
}
.copyright {
}
-->
</style>

<body>
<div class="header"><img src="Bilder/logo.jpg" href="https://kluser.ch/timkluser" alt="timkluser.ch" /></div>
<div class="login"><form action="login.php">
  <table border="0" cellpadding="0" cellspacing="4">
    <tr>
      <td align="right">Amin:</td>
      <td><input name="admin" type="text" size="20" maxlength="20"></td>
    </tr>
    <tr>
      <td align="right">Passwort:</td>
      <td><input name="passwort" type="text" size="20" maxlength="20" /></td>
    </tr>
  </table>
</form></div>
<div class="content">xx</div>
<div class="menu">Link1<br />
  Link2<br />
  Link3<br />
  Link4<br />
  Link5<br />
</div>
<div class="adsense">dscsd</div>
</body>
</html>
 
Zuletzt bearbeitet:
Ich habe gelesen dass die Zeiten mit Tabellen zuende sind. Ausserdem möchte ich gerne mal CSS näher kennen lernen...
mfg Tim
 
Vielen Dank!
Habe es geschafft...

mfg Tim


edit: Hab noch ne Frage: Wie bringe ich den Einloggen Button in die mitte? Mit <center></CENTER> gehts nicht?!

thx
 
Zuletzt bearbeitet:
ktimk schrieb:
edit: Hab noch ne Frage: Wie bringe ich den Einloggen Button in die mitte? Mit <center></CENTER> gehts nicht?!
Zum Vergrößern anklicken....

dem td-element musst du das Attribut colspan="2" einfügen. Das heißt soviel wie verbinde zwei (spalten)-Zellen miteinander und behandle es wie eines.
Dieser Zelle kannst du dann einen style (oder css) wert "text-align:center;" hinzufügen

ps: "</head>" fehlt immer noch, wie schon im zweiten post angemerkt.
 
Meinst du so?
PHP: 
<td><input colspan="2" type="submit" value="Einloggen" style="height: 18px; width: 55px; font-size: 9px; text-align: center;"></td>
geht aber nicht...


Ich hab den </head> nach dem </title> eingefügt, da nachher ja nur noch der css Code kommt.

PS: THX für deine Bemühungen!
 
Hier die korrigierte version:
PHP: 
<td colspan="2" style="text-align: center;"><input type="submit" value="Einloggen" style="height: 18px; width: 55px; font-size: 9px;" /></td>

Die style angaben oben gehören eigentlich in den head hinein. D.h. es wäre besser, wenn du </head> nach dem style hinschreibst, bevor der body anfängt. Wenns dir das was hilft, schau dir diesen link mal an: W3 Validator
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben