 |
| | LinkBack | Themen-Optionen | Thema durchsuchen | Thema bewerten | Ansicht |
|
#1
09.03.08, 17:23
| ||||
| ||||
Hallo, ich bin gerade dabei ein Breadcrumb-Menü in meine Seite zu integrieren. Das klappt soweit auch ganz gut. Hier ist mal der Code dazu: Typoscript-Code:
Das Menü soll in ein eigenständiges DIV (#menu_breadcrumb). Mein Problem ist, dass das Menü innerhalb des DIV nach rechts verschoben ist und nicht linksbündig anfängt. Anbei findet ihr einen Screenshot. Hänge bei dem Problem jetzt schon ziemlich lange und hab auch alle möglichen Threads durchgesucht nur wusste teilweise nicht wonach ich suchen muss :sad: Irgendwie glaube ich, dass es mit dem Bild links oberhalb vom Menü etwas zu tun hat (das mit der halbrunden Ecke). Das Menü fängt nämlich genau da an, wo das Bild aufhört. Hier mal mein HTML Code: (das Problem befindet sich meiner Meinung nach in col3) PHP-Code: Code: #menu_breadcrumb li {
float: left;
list-style: none;
line-height: 1.5em;
} Code: @charset "UTF-8";
@media all {
/* Randbereiche & Seitenhintergrund */
html, body {
background-color: rgb(218,218,218);
margin: 0px;
padding: 0px;
}
/* Layout: Breite, Hintergrund, Rahmen */
#page_margins {
min-width: 880px;
margin-left: 50px;
margin-right: 50px;
}
#page {
border-left: 1px solid black;
border-right: 1px solid black;
background: rgb(190,200,100) url('../../images/rand_links.gif') repeat-y left;
}
/* Zentrierung des Layouts in alten IE-versionen */
body {
text-align: center
}
#page_margins {
text-align: left
}
/* @group Main Columns */
#header {
background: #FFFFFF;
height: 93px;
background: url('../../images/banner_spacer.gif') repeat-x;
}
#main {
background: url('../../images/rechts_gruen.gif') repeat-y right;
}
#footer {
height: 123px;
background: rgb(190,200,100) url('../../images/rand_links.gif') repeat-y left;
}
/* @end */
/* @group Layout Columns */
#fill_band_top{
margin-left: 422px;
height: 10px;
background-image: url('../../images/oben_band_klein.gif');
position: relative;
top: 83px;
}
#fill_bottom_main{
background: white;
height: 17px;
margin-left: 190px;
margin-right: 480px;
border-bottom: 4px solid rgb(88,90,81);
border-left: 1px solid rgb(121,123,102);
}
#fill_main_top {
background: white;
height: 35px;
margin-left: 254px;
position: relative;
top: 21px;
border-top: 1px solid rgb(126,129,105);
border-right: 1px solid rgb(121,123,102);
}
#fill_band_footer{
height: 13px;
margin-right: 480px;
background: #FFFFFF url('../../images/unten_band_klein.gif') repeat-x;
position: relative;
top: 78px;
padding-top: 11px;
font-family: Arial, sans-serif;
font-weight: normal;
font-size: 9px;
}
/* @end */
/* @group Sub Columns */
/*------------------------------------------------------------------------------------------------------*/
/**
* (de) Formatierung der Inhalts-Container
*
* |-------------------------------|
* | #header |
* |-------------------------------|
* | #col1 | #col3 | #col2 |
* | 200px | flexible | 200px |
* |-------------------------------|
* | #footer |
* |-------------------------------|
*/
#col1 {
float: left;
width: 168px;
margin: 0px;
}
#col1_content {
border-left: 2px solid #505050;
border-right: 1px solid #797B66;
border-bottom: 4px solid #646563;
background: white url('../../images/navi_verlauf.gif') repeat-y top left;
}
#col2 {
float: right;
width: 177px;
margin: 0;
margin-top: 20px;
}
#col2_content {
background: white;
border-left: 1px solid rgb(121,123,102);
background: yellow url('../../images/aktuelles_hintergrund.gif') repeat-y right;
}
#col2_images {
background: white;
border-left: 1px solid rgb(121,123,102);
background: yellow url('../../images/aktuelles_hintergrund.gif') repeat-y right;
}
#col3 {
width: auto;
margin: 0 203px 0 168px;
padding-bottom: 21px;
}
#menu_breadcrumb {
margin-left: 22px;
background: #FFF;
width: auto;
height: 20px;
position: relative;
top: 21px;
border-left: 1px solid rgb(121,123,102);
border-right: 1px solid rgb(121,123,102);
}
#col3_content {
margin-left: 22px;
background: white;
border-left: 1px solid rgb(121,123,102);
border-right: 1px solid rgb(121,123,102);
position: relative;
top: 21px;
padding: 10px;
text-align: justify;
}
/* @end */
} Vielen Dank schonmal für jegliche Hilfe !!          |
| Sponsored Links |
 |
|
« Mehrere Instanzen eines Frontend Plugins auf einer Seite machen Probleme
|
1. Rolloverbild? - 2. Link defekt »
| Themen-Optionen | Thema durchsuchen |
| Ansicht | Thema bewerten |
Linear-Darstellung
| |
Ähnliche Themen | ||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Darstellung in IE7 Problem | b.mue | HTML & CSS | 1 | 30.04.08 17:04 |
| Problem mit Backend Kontextmenu Darstellung | tauro | TYPO3 4.x Backend | 1 | 12.04.08 16:43 |
| Problem bei Darstellung im Safari | macoba | HTML & CSS | 2 | 25.03.08 19:33 |
| Problem bei der Darstellung einer geslicten Grafik | taipan | HTML & CSS | 2 | 11.03.08 10:20 |
| Darstellung von tt_news-Datensätzen im Backend (Sortierung, Darstellung für Redakteure) | aktendully | TYPO3 4.x Backend | 0 | 07.03.08 13:12 |
Alle Zeitangaben in WEZ +1. Es ist jetzt 10:29 Uhr.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112