• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bitte um Hilfe bei Problem...

Status
Für weitere Antworten geschlossen.
T

t0n1

Neues Mitglied
Hallo.

Unten steht schon wieder ein neues Problem...

Vielen Dank für eure Hilfe.

MfG
Toni
 
Zuletzt bearbeitet:
Hallo t0n1,
dein geposteter CSS Code wird wenig helfen. Wenn ich deinen
Code als Grundlage nehme, und diesen in eine kleine HTML Seite einbaue,
werden die Schriften auf gleicher Höhe angezeigt, also liegt das Problem
nicht an deinem CSS sondern eher an deinem HTML. Von daher würde
uns dieser Code mehr helfen :)
Gruss prostel
 
Hi t0ni,
nimm einfach mal in #nav das margin-top:1em raus. Dann ist beides auf einer Höhe.
So viel ich weiß, gibt es auch kein float="top" im CSS. Nur right und left.
Hoffe ich konnte dir helfen.
Gruß
DaniSahne
 
Vielen Dank Dani,
Du hast (natürlich) in beiden Punkten recht.
das "float: top" hab' ich mir ausgedacht, nach dem Motto "wenns left und right gibt, muss es auch top geben".
Aber auch ohne das "float: top" ändert sich nichts. Ist also gelöscht ;)

Auf das margin-top hätt' ich auch selbst kommen können...
Naja, aller Anfang ist schwer. Aber dafür hab' ich ja euch...

Also nochmal vielen Dank.
MfG
Toni

Auf geht's also zum nächsten Problem...

Bsp1 ist so wie es sein soll.
Bei Bsp2 verrutscht alles...
Kann ich das unterbinden??

HTML Bsp1
CSS
HTML Bsp2
CSS bleibt gleich.

Vielen Dank euch allen...
Toni
 
Zuletzt bearbeitet von einem Moderator:
Hoffe das Problem lässt sich damit beheben.
Vielleicht solltest du mal dein DOCTYPE erweitern.
Gruß
DaniSahne


Code: 
<style type="text/css">
body {font-size:medium;
      font-family:verdana;
      color:white;
      margin:5px;
      padding:0em;}
      
#top {height:75px;
      background-color:#7F0000;
      text-align:center;}
      
#nav {float:left;
      width:10em;
      height:25em;
      background-color:#7F0000;
      color:black;
      margin-top:2px;
      padding:1em 0;}
      
#box {float:right;
      background-color:#7F0000;
      width:12em;
      height:25em;
      margin-top:2px;
      padding:1em;}
      
#content {margin-top:2px;
          margin-left:10em;
          height:25em;
          padding:1em 0 0 1em;}
          
#bottom {background-color:#7F0000;
         padding:1em;
         text-align:center;}
.liste {margin-top:0em;}

</style>
</head>
<body link="#FFFFFF" alink="#BFBFBF" vlink="#6F6F6F" bgcolor="#666666">

<div id="top">
     <img src="images/top_01.jpg" width="650" height="75" border="0" alt="">
</div>

<div id="nav">
     <ul class="liste">
     <li><a href="index.html" >index</a></li>
     <li><a href="ueber.html" >&uuml;ber uns</a></li>
     </ul>
</div>
<div id="box">
     Gr&uuml;&szlig;e der Klasse gehen an alle Lessing<br />
     -Gymnasiasten.
</div>


<div id="content">
     Beispieltext<br>
     Beispieltext<br>
     Beispieltext<br>
</div>
<br style="clear:both" />
<div id="bottom">
     &copy; 2006 by Toni Wolframm. All Rights reserved.

</div>


</body>
</html>
 
Meinst du statt
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
lieber
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
oder hab ich dich da falsch verstanden?

Was hast du jetzt am Code geändert bzw. was bewirken diese Änderungen?

Vielen Dank für deine Geduld mit mir ;Jump

MfG
Toni
 
Und sofort sind noch mehr Fragen da... :(

Strict oder Transitional?
Link dahinter oder nicht?
HTML oder XHTML?
HTML 4.01 oder älter?

Vielen Dank.

Werde mal deine Code analysieren und gucken, was du so verändert hast...

Hab ich mich schon bedankt? ;)
 
Welche (x)HTML und CSS Version du nimmst liegt ganz an dir. Ich persönlich verwende meistens xhtml strict und css 1.0. , aber es kommt wohl immer darauf an, was du wem anbietest. Mach dich da einfach mal ein wenig schlau. Google bietet da viele Möglichkeiten. ;) DaniSahne
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben