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

Noob hat Probleme mit spalten :D

Status
Für weitere Antworten geschlossen.
F

ffxfreak

Neues Mitglied
also habe eine kleine webseite gemacht und jetzt habe ich probleme mit der rechten spalte. ich habe von jemanden gesagt bekommen so soll ich das machen aber jetzt gab es einige missverständnisse und jetzt habe ich nur einen strich der linke und rechte seite trennt. ich hätte es aber gerne so das ich die rechte spalten unabhängig von der gesammten seite scrollen kann.
hoffe ihr habt verstanden was ich vorhabe und könnte mir weiter helfen :)
HTML: 
<html>
<head>
<title>test</title>
<style type="text/css">

        body   {
            background-color: #FFFFFF;
            }

        #over     {
            height: 90em;
            width: 63em;
            margin: 30px auto;
            }

        #main   {
            float: left;
            height: 90%;
            width: 40em;
            border: #000000 0px solid;
            }


        #siderechts {
            float: left;
            margin: 0px 3px;
              width: 20em;
              height: 100%;
            border: #000000 1px solid;
            }


</style>

<link rel="stylesheet" href="test.css" type="text/css">

</head>

<body>



<div id="over">

<img src="images/Netz_Startseite.jpg" width=967 height=181 alt= " " />

<td align="center"   width="100%"  class="leiste"   >

<table bgcolor="#93B9DB" width="96%"  border="0" cellpadding="0" cellspacing="0"  >
<tr>
<td>
<table    id="menu2" width="100%"  border="0" cellpadding="0" cellspacing="0,5"    >
<tr>
<td ><a href="main.html"  onfocus="this.blur()">Home</a></td>
<td ><a href="foto.html" onfocus="this.blur()">Fotogalerie</a></td>
<td ><a href="kontakt.html"  onfocus="this.blur()">Kontakt</a></td>
<td ><a href="impressum.html"  onfocus="this.blur()">Impressum</a></td>
<td ><a href="agb.html"  onfocus="this.blur()">AGB</a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>


    <div id="main">











    <div id="siderechts">



<p>Kontakt:</p>
<a href="test.html"><img src="images/bild.jpg" width=235 height=140 align="center"></a>


<p>Bildergallerie:</p>
<a href="test.html"><img src="images/bild.jpg" width=235 height=140 align="center"></a>


    </div>

</div>




</body>

</html>
 
Moin,

zum einen sind da Fehler in Deinem Code, Du öffnest eine Tabellenzelle noch bevor Du überhaupt eine Tabelle öffnest, und zum anderen missbrauchst Du Tabellen zu Layoutzwecken. Das erzeugt mitunter nicht nur unnötige Barrieren und andere Probleme, es ist auch für Dich völlig unübersichtlich.

Daraus resultiert dann, dass Du kein vernünftiges Markup hast. Außerdem wirfst Du hin und wieder mal ein bisschen CSS ein, dann aber machst Du Layout/Design wieder über veraltete HTML-Attribute.

Es mag sein, dass es eine Lösung für Dein scheinbar vorrangiges Problem gibt, aber ein dauerhaftes Problem ist auf jeden Fall Deine Arbeitsweise. In einer ruhigen Minute solltest Du mal darüber nachdenken, diese Arbeitsweisen, die aus der Mitte der 1990er Jahre stammen, fallen zu lassen, und Web-Entwicklung state-of-the-art zu lernen. Hilfe zur Selbsthilfe bekommst Du auf jeden Fall hier.

Gruß,
-Efchen

P.S.: Why tables for layout is stupid: problems defined, solutions offered
 
hmm ok kannst du mir den eine alternative nennen wie ich das machen soll?^^
der unten angegebene link hilft mir nich so wirklich weiter oder ich bin blind :P
joa und das mit dem fehler im code,wenn ab und zu was weg ist dann hab ich das wohl ausversehn rausgelöscht( text und bilder die vorher drin waren hab ich entfernt).
 
ffxfreak schrieb:
hmm ok kannst du mir den eine alternative nennen wie ich das machen soll?
Zum Vergrößern anklicken....
Die strukturelle Auszeichnung machst Du mit HTML.
Design und Layout mit CSS.
Inhalt und Layout immer schon voneinander trennen.

Tabellen sind nur zur Auszeichnung tabellarischer Daten da. Ein Menü z.B. entspricht am ehesten einer Liste, daher wird das als <ul> ausgezeichnet. usw.

der unten angegebene link hilft mir nich so wirklich weiter oder ich bin blind :P
Zum Vergrößern anklicken....
Du hast Dir den Vortrag auch nie und nimmer innerhalb von 11 Minuten durchgelesen. Mit Blindheit hat das wohl nichts zu tun.

joa und das mit dem fehler im code,wenn ab und zu was weg ist dann hab ich das wohl ausversehn rausgelöscht( text und bilder die vorher drin waren hab ich entfernt).
Zum Vergrößern anklicken....
Ja, dann muss mans halt wieder fixen. Fehlerhafter Code führt idR zu fehlerhafter Darstellung.
 
Kanntest Du das noch nicht?
Die deutsche Version wurde doch schon oft verlinkt.

Nein, das ist nicht von mir, steht ja auch dabei ;-)
Ich habe den Vortrag nur ins Deutsche übersetzt. Die deutsche Version wird aber nicht von mir gehostet, warum die derzeit nicht erreichbar ist, weiß ich nicht. Auch nicht, obs nur temporär ist. Auf jeden Fall liegt die Version auch bei mir zuhause auf der Platte.
 
ok,erst mal danke für die antwort(konnte gestern nciht mehr antworten)
ja, ich muss zugeben mein html ist ziemlich durcheinander.
kommt halt daher das ich noch nicht solange und vor allem nicht dauerhaft damit arbeite.
naja aber dann zurück zu meiner ursprünglichen frage, wie soll ich das mit der spalte machen? also welchen befehl benutzte ich?
und wie genau benutz ich den richtig?
 
Als Antwort auf diese Frage möchte ich mich selbst zitieren:

Efchen schrieb:
Es mag sein, dass es eine Lösung für Dein scheinbar vorrangiges Problem gibt, aber ein dauerhaftes Problem ist auf jeden Fall Deine Arbeitsweise. In einer ruhigen Minute solltest Du mal darüber nachdenken, diese Arbeitsweisen, die aus der Mitte der 1990er Jahre stammen, fallen zu lassen, und Web-Entwicklung state-of-the-art zu lernen. Hilfe zur Selbsthilfe bekommst Du auf jeden Fall hier.
Zum Vergrößern anklicken....

Ich bin niemand, der jemandem beibringt, wie er etwas falsch macht, mit etwas rummurckst, nur um zu einem vermeintlich guten Ergebnis zu kommen. Wenn Dus jetzt nicht lernst, stellst Du eine ähnliche oder verwandte Frage bald wieder, und nochmal und immer wieder. Alles Zeit, die Du besser investieren könntest, um solche Fragen nicht mehr stellen zu müssen. Wenn Du daran kein Interesse hast - das kann Dir natürlich niemand vorschreiben - dann muss ich passen.

Grüße,
-Efchen
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben