|
|||
Head Bereich mit 3 Elementen
Guten Morgen,
komme mit einem Problem nicht weiter. Ich habe auf meiner Seite einen Kopfbereich, in dem ein Bild links gefloatet ist und ein Bild rechts gefloatet ist. Zwischen diesen beiden Bildern, möchte ich jetzt einen Textblock haben, der wenn sich die Breite des Fenster ändert kleiner wird und der Text sich dann nicht nach unten ausbreitet, sondern der überschüssige Teil einfach nicht mehr sichtbar ist. Ich bin schon am verzweifeln. So wie ich den Rest der Seite aufgebaut habe: Navi mit Float links, Content mit Autobreite und Spalte rechts mit float rechts klappt es nicht. Kann mir jemand einen Typ geben? Hier der Quelltext: BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px 10px; COLOR: #000000; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #e4ebfe; TEXT-ALIGN: left #kopf { PADDING-LEFT: 5px; MARGIN-LEFT: -10px; MARGIN-RIGHT: -10px; HEIGHT: 80px; BACKGROUND-COLOR: #ffffff } #kopflinks { FLOAT: left; PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 20px } #kopfrechts { FLOAT: right; PADDING-RIGHT: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } #oben { MARGIN-LEFT: -10px; MARGIN-RIGHT: -10px; TOP: 0px; HEIGHT: 15px; BACKGROUND-COLOR: #0066ff; TEXT-ALIGN: left } #fuss { MARGIN-TOP: 20px; PADDING-LEFT: 10px; PADDING-TOP: 5px; FONT-SIZE: 11px; MARGIN-LEFT: -10px; MARGIN-RIGHT: -10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 20px; BACKGROUND-COLOR: #0066ff } #links { FLOAT: left; MARGIN: 30px 0px 0px; WIDTH: 150px; HEIGHT: auto } #linksunten { MARGIN: 20px 0px 0px; WIDTH: 150px; HEIGHT: 100px } .cleaner { CLEAR: both; BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; HEIGHT: 1px BORDER-RIGHT: #0066ff 1px solid; BORDER-TOP: #0066ff 1px solid; BORDER-LEFT: #0066ff 1px solid; BORDER-BOTTOM: #0066ff 1px solid } #contentindex { PADDING-RIGHT: 30px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; MARGIN: 30px 215px 0px 152px } #rechts { FLOAT: right; PADDING-LEFT: 5px; MARGIN: 30px 0px 0px; WIDTH: 210px; HEIGHT: 400px; TEXT-ALIGN: left } ----------------------------------------------------------------------------- <DIV id=kopf> <DIV id=kopflinks>[img]ewd-Dateien/ewd_links.gif[/img]</DIV> <DIV id=kopfrechts>[img]ewd-Dateien/ewd_rechts.gif[/img]</DIV></DIV> . . . . . . |
Sponsored Links |
|
|||
Erstmal ein paar allgemeine Dinge:
Du musst im CSS auch bei der letzten Eigenschaft am Ende ein ";" setzen. Bei body fehlt übrigens ein "}" am Ende. Außerdem fehlen einige Anführungsstriche Zitat:
Wegen deinem Problem: Hast du nen Link auf die Seite? BTW: Wo ist eigentlich der Textblock in deinem Code?? |
Sponsored Links |
|
|||
@Tigereye
Die Anführungszeichen sind vorhanden. Ich bin zur Zeit in der Firma und hatte mir den Quellcode abgespeichert, der Editor hat die Anführungszeichen gekillt. Den Content habe ich nicht mit aufgeführt um die Seite nicht unnötig groß zu machen. Meine Seite: ww. ewd-concept.de PS. Habe bis jetzt immer mit Tabellen Layouts gearbeitet. Gruß |
|
||||
Zitat:
@/dev/NULL: CSS-Eigenschaften (Tags gibt es in CSS nicht) dürfen durchaus groß geschrieben werden. @Friedel: »overflow:hidden« könnte dir helfen, aber da macht der IE manchmal sehr seltsame Dinge. Teste also sowohl die 5er Versionen als auch die Version 6 gründlich! Gruß Thomas
__________________
toscho.de |
|
|||
Zitat:
@ Topic: Die Divs "kopflinks" und "kopfrechts" kannst du dir schenken Die Eigenschaften (padding und float) kannst du auch den Bildern direkt geben. Hast du schon mal versucht, die Bilder einfach in einem (mit width:100%) links und rechts zu floaten? |
|
|||
So, ich habe es jetzt mal anstelle von Divs mit class versucht.
Die Bilder bekomme ich damit gut positioniert, aber wenn ich den Mittelteil reinbringe, bekomme ich oben einen Rand zwischen Bildschirm und Kopfbereich. @Tigereye: Das mit dem habe ich glaube ich nicht ganz verstanden - kanns Du da nocheinmal genauer werden? Werde mich morgen weiter damit beschäftigen. |
Sponsored Links |
|
||||
Zitat:
Bitte stell deinen neuen Quelltext mal irgendwo online hin.
__________________
toscho.de |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Consultant (m/w/d) für den Kundenservice und IT-Support im Bereich Wahlen | JAP | Jobs | 0 | 07.01.2020 14:46 |
2 icons im head bereich | hi_all | CSS | 0 | 22.07.2010 11:35 |
Verweise im Body Bereich erstellen (HTML, Javascript) | Punto1976 | Javascript & Ajax | 3 | 01.05.2010 15:08 |
Main Bereich vergrößert sich nicht mit ... | Mort | CSS | 2 | 24.08.2007 11:44 |
Head Bereich + Berechnung | |SONY| | CSS | 1 | 29.04.2006 19:33 |