zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Head Bereich mit 3 Elementen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 31.10.2005, 11:27
Friedel
Gast
Thread-Ersteller
 
Beiträge: n/a
Standard 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>
.
.
.
.
.
.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 31.10.2005, 13:46
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 20.02.2005
Beiträge: 1.045
Tigereye befindet sich auf einem aufstrebenden Ast
Standard

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:
<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>
!

Wegen deinem Problem: Hast du nen Link auf die Seite?
BTW: Wo ist eigentlich der Textblock in deinem Code??
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 31.10.2005, 14:51
Neuer Benutzer
neuer user
 
Registriert seit: 28.10.2005
Beiträge: 26
/dev/NULL befindet sich auf einem aufstrebenden Ast
Standard

Müssen nicht, oder sollten nicht alle Tags klein geschrieben werden?
Mit Zitat antworten
  #4 (permalink)  
Alt 31.10.2005, 14:53
Friedel
Gast
Thread-Ersteller
 
Beiträge: n/a
Standard

@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ß
Mit Zitat antworten
  #5 (permalink)  
Alt 31.10.2005, 18:56
Benutzerbild von toscho
Perplexifikator
XHTMLforum-Kenner
 
Registriert seit: 22.05.2004
Ort: Halle/Saale
Beiträge: 1.565
toscho sorgt für eine eindrucksvolle Atmosphäretoscho sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von Tigereye
Du musst im CSS auch bei der letzten Eigenschaft am Ende ein ";" setzen.
Nein, das Zeichen ; ist ein Trennzeichen. Wenn nichts mehr zum Trennen da ist, kann es weggelassen werden. Kann – sollte aber nicht, damit man schnell Codefragmente hin- und herschieben kann.

@/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
Mit Zitat antworten
  #6 (permalink)  
Alt 31.10.2005, 21:42
Neuer Benutzer
neuer user
 
Registriert seit: 28.10.2005
Beiträge: 26
/dev/NULL befindet sich auf einem aufstrebenden Ast
Standard

Schon war, aber unten am Ende ist doch nen Stück html text.. und da ist das DIV definitiv groß, oder?
Mit Zitat antworten
  #7 (permalink)  
Alt 31.10.2005, 21:44
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 20.02.2005
Beiträge: 1.045
Tigereye befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von /dev/NULL
Schon war, aber unten am Ende ist doch nen Stück html text.. und da ist das DIV definitiv groß, oder?
Schon, aber auf der verlinkten Seite ist alles klein, also passts schon.
@ 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?
Mit Zitat antworten
  #8 (permalink)  
Alt 31.10.2005, 21:59
Friedel
Gast
Thread-Ersteller
 
Beiträge: n/a
Standard

nein, habe ich noch nicht.
Probiere ich aber aus.

Danke schon einmal, bin langsam am verzweifeln.
Mit Zitat antworten
  #9 (permalink)  
Alt 31.10.2005, 23:08
Friedel
Gast
Thread-Ersteller
 
Beiträge: n/a
Standard

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.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 01.11.2005, 00:17
Benutzerbild von toscho
Perplexifikator
XHTMLforum-Kenner
 
Registriert seit: 22.05.2004
Ort: Halle/Saale
Beiträge: 1.565
toscho sorgt für eine eindrucksvolle Atmosphäretoscho sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von Friedel
So, ich habe es jetzt mal anstelle von Divs mit class versucht.
Was bedeutet dieser Satz? »class« ist ein Attribut, das nahezu jedem Element gegeben werden kann – auch dem Element »div«.
Bitte stell deinen neuen Quelltext mal irgendwo online hin.
__________________
toscho.de
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:33 Uhr.