Hey,
ich bin grad mal wieder ein bisschen am Coden. Ich habe nun folgendes Problem:
Ich habe mir ein Design gemacht mit quasi einer "Tabelle" links für Texte und rechts davon, möchte ich einige "NextEvent-Grafiken" anzeigen lassen.
Das Problem dabei ist nur, dass wenn ich per Include-Befehl in der LINKEN Spalte z.B. Cutenews einbinde (per Php-Include), werden die Grafiken in der RECHTEN "Tabelle" angezeigt.
Entferne ich links den text, sind die Grafiken auch am top der page.
Mit den Befehlen wie z.b.
PHP-Code:
#ads{
width: 300px;
vertical-align: top;
float: right;
border-left: 1px solid #cecece;
text-align: center;
}
oder
PHP-Code:
#ads{
width: 300px;
float: right top;
border-left: 1px solid #cecece;
text-align: center;
}
bekomme ich keine fixierung am oberen Teil der Page hin.
Hat jemand eine Lösung für mein Problem?
Wäre echt dankbar!
lg,
take
probier mal
margin-top: 0px;
obwohl ich dein problem nicht richtig verstanden habe.
float: top gibt es nicht..
mfg
Blacksoul schrieb:probier mal
margin-top: 0px;
obwohl ich dein problem nicht richtig verstanden habe.
float: top gibt es nicht..
mfg
Stell dir mein Problem mal mit Tabellen vor:
Ich habe zwei Tabellen, eine links und eine rechts.
In der linken ist text.
In der rechten ist ein Bild.
Wenn ich jetzt riiichtig viel Text links reinschreibe, bleibt das Bild rechts nicht oben stehen, sondern verschiebt sich etwas nach unten. Über und unter dem Bild sind freie Flächen.
Das Bild will ich aber oben stehen lassen, ohne das es sich verschiebt.
Genau das Problem hab ich. Blos nicht mit Tabellen, sondern in CSS.
Hmm...um ehrlich zu sein, kann ich mir nicht vorstellen, dass wenn du 2 divs hast und dabei rechts ein bild, dass mit dem text nach unten geht..
link?
Wie wäre es mal mit Screenshots und Beispiellink?
Sorry,
konnte die letzten Tage nicht on, hier jetzt der Screen!
aha, jetzt ist das ganze viel einfacher^^
Beim Boxmodel wird der Rahmen, innen und Außenabstand mit berechnet, du hast in deinem Fall das schwarze Kästchen ein paar Pixel zu groß gemacht, sodass der Browser dieses unter dem anderen anzeigt um nichts zusammen zu "quetschen".
Setz mal die breite pixelweise runter, sobald der schwarze Kasten dann daneben angezeigt wird, kannst du sie lassen.
mh, dann siehts genauso aus, blos halt enger..
hab einmal den div-tag <body> und das schwarze kästechen <body2> genannt.
so hab ich die beieden eingebunden:
PHP-Code:
<div id="body" align="left"><br>
<?
switch($_GET['action']){
case "kontakt": include("kontakt.php"); break;
case "about": include("about.php"); break;
case "gb": include("gb/show.php"); break;
case "gbadd": include("gb/neu.php"); break;
case "pictures": include("pictures.php"); break;
case "affliates": include("affliates.php"); break;
case "impressum": include("impressum.php"); break;
case "impressum2": include("impressum2.php"); break;
case "copyright": include("copyright.php"); break;
default: include("new/show.php"); break;
}
?>
<div id="body2" align="right">
<p>-- Hier würden die Images stehen -- </p>
<p>-- Hier würden die Images stehen -- </p>
<p>-- Hier würden die Images stehen -- </p>
<p>-- Hier würden die Images stehen -- </p>
<p>-- Hier würden die Images stehen -- </p>
<p>-- Hier würden die Images stehen -- </p>
<p>-- Hier würden die Images stehen -- </p>
<p> </p>
</div>
</div>
Wäre vlt schön auch von dem noch die ID etc. pp. zu sehen
Wie wäre es denn einfach, du gibst uns nen Link statt nur Bruchwerk? - So kann man wenig machen.
mfg
Blacksoul schrieb:Wäre vlt schön auch von dem noch die ID etc. pp. zu sehen
Wie wäre es denn einfach, du gibst uns nen Link statt nur Bruchwerk? - So kann man wenig machen.
mfg
Das ganze steht ja noch gar nicht online..
kompletter code hier:
PHP-Code:
<style type="text/css">
<!--
#body{
float: left;
width: 730px;
background-color: #FFFFFF;
text-align: center;
}
#body2{
float: right;
width: 300px;
background-color: #000000;
text-align: center;
}
-->
</style>
</head>
<body>
<div id="content">
<div id="body" align="left"><br>
<?
switch($_GET['action']){
case "kontakt": include("kontakt.php"); break;
case "about": include("about.php"); break;
case "gb": include("gb/show.php"); break;
case "gbadd": include("gb/neu.php"); break;
case "pictures": include("pictures.php"); break;
case "affliates": include("affliates.php"); break;
case "impressum": include("impressum.php"); break;
case "impressum2": include("impressum2.php"); break;
case "copyright": include("copyright.php"); break;
default: include("new/show.php"); break;
}
?>
<div id="body2" align="right">
<p>-- Hier würden die Images stehen -- </p>
<p>-- Hier würden die Images stehen -- </p>
<p>-- Hier würden die Images stehen -- </p>
<p>-- Hier würden die Images stehen -- </p>
<p>-- Hier würden die Images stehen -- </p>
<p>-- Hier würden die Images stehen -- </p>
<p>-- Hier würden die Images stehen -- </p>
<p> </p>
</div>
</div>