|
|||
Div Boxen
Hallo zusammen,
ich habe gerade ein Problem. Ich habe 2 Webseiten. Auf der einen funktionieren die Webboxen super auf der anderen klappt es nicht, obwohl es der gleiche Quellcode ist. Liegt das am FTP-Server oder was ich überseh ich da gerade?! Wäre super, wenn mir jemand weiterhelfen könnte. Hier gehts : Christians Kochschule in Regenstauf: Willkommen! Hier gehts nicht: Cafe/Restaurant Am Schloßberg in Regenstauf: Willkommen! Gruss, mofi |
Sponsored Links |
|
|||
style.css
Code:
div { box-sizing:border-box; -moz-box-sizing:border-box; } /* column container */ #container { margin:0 -2.1666%; position:relative; } /* column layout */ .column { position:relative; float:left; width:25%; margin:0 2.1666%; padding:1.0em; color:#C0C0C0; } .column h4{ font-style:italic; font-size:1em; color:#C0C0C0; margin:0 0 0.5em 0; } .column h2{ text-decoration:underline; } /* background container */ .backgrounds { position:absolute; width:100%; height:100%; } /* background columns */ .backgrounds .column { height:100%; background: #a9121c; /* Old browsers */ /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e02834), color-stop(24%,#a9121c), color-stop(100%,#921b23)); /* Chrome,Safari4+ */ /* background: -webkit-linear-gradient(top, #e02834 0%, #a9121c 24%, #921b23 100%); /* Chrome10+,Safari5.1+ */ /* background: -moz-linear-gradient(top, #e02834 0%, #a9121c 24%, #921b23 100%); /* FF3.6+ */ /* background: -ms-linear-gradient(top, #e02834 0%, #a9121c 24%, #921b23 100%); /* IE10+ */ /* background: -o-linear-gradient(top, #e02834 0%, #a9121c 24%, #921b23 100%); /* Opera 11.10+ */ /* background: linear-gradient(top, #e02834 0%, #a9121c 24%, #921b23 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e02834 ', endColorstr='#921b23',GradientType=0 ); /* IE6-9 */ border-radius:10px; } /* responsive */ @media only screen and (max-width:768px) { body { margin:1.6em; } #container { margin:0; } .column { float:none; width:95%; margin:0 0 1em 0; border-radius:10px; background: #a9121c; /* Old browsers */ /* background: -moz-linear-gradient(top, #e02834 0%, #a9121c 24%, #921b23 100%); /* FF3.6+ */ /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e02834), color-stop(24%,#a9121c), color-stop(100%,#921b23 )); /* Chrome,Safari4+ */ /* background: -webkit-linear-gradient(top, #e02834 0%,#a9121c 24%,#921b23 100%); /* Chrome10+,Safari5.1+ */ /* background: -o-linear-gradient(top, #e02834 0%,#a9121c 24%,#921b23 100%); /* Opera 11.10+ */ /* background: -ms-linear-gradient(top, #e02834 0%,#a9121c 24%,#921b23 100%); /* IE10+ */ /* background: linear-gradient(to bottom, #e02834 0%,#a9121c 24%,#921b23 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e02834', endColorstr='#921b23 ',GradientType=0 ); /* IE6-9 */ } .backgrounds { display:none; } } Code:
<div id="container"> <div class="backgrounds"> <div class="column"></div> <div class="column"></div> </div> <div class="column"> <h4>Kurs 1 <br /></h4> <h2>Winterzauber</h2> <p>...</p> </div> <div class="column"> <h4>Kurs 2 <br /></h4> <h2>Festtagsküche</h2> <p>Der gelungene Braten</p> </div> <div style="clear:both;"></div> </div> |
Sponsored Links |
|
|||
Du meinst die unterschiedliche Schriftfarbe? Oder was genau "geht nicht"?
Die Schriftfarbe kommt daher, dass du sie unterschiedlich definierst. Code:
.column h4 { color: #C0C0C0; } .column h4 { color: #7E0A24; } |
|
|||
Hallo
Zitat:
Bei mir werden auf beiden Seiten die Boxen angezeigt. Gruss MrMurphy Geändert von MrMurphy (14.12.2015 um 16:00 Uhr) |
|
|||
|
|
|||
Hallo,
bei mir ist der problematische Text auf drei rote nebeneinanderstehende Boxen verteilt. Vielleicht kommt dein Browser mit den Fehlern nicht zurecht? https://validator.w3.org/nu/?doc=htt...php%3Fpage%3D6 Gruss MrMurphy Geändert von MrMurphy (14.12.2015 um 16:07 Uhr) |
|
|||
Ich verwende in beiden Fällen Chrome.
Die Dinge, welche bei dir bemängelt werden führt er aber einwandfrei aus.... es geht nur um die Boxen.... die macht er beim Restaurant einfach nicht. Verwirrt mich, weil beide Pages prinzipiell gleich sind. Bis auf ein paar Sachen.... Hm..... .... ich seh grad im Firefox zeigt er die Boxen an..... O.o Welchen Browser nutzt du Murphy? Geändert von mofi (14.12.2015 um 16:19 Uhr) |
Sponsored Links |
|
|||
Hallo,
ich habe die Seite mit FF, Chrome, IE11 und Opera getestet. Die Boxen werden in allen angezeigt. Das Problem scheint wohl in deiner Hard- oder Software zu liegen. Gruss MrMurphy |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Fragen zu CSS und Joomla | DOKTOR | CSS | 2 | 23.05.2011 20:29 |
Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 17:53 |
Header entfernen | tripple | CSS | 17 | 15.06.2010 16:41 |
Schriftfarbe in den Eintragungsfeldern von jforms | Steveislucky | CSS | 2 | 16.03.2010 11:59 |
CSS Text nebeinander? | carstiee09 | CSS | 13 | 13.11.2009 20:18 |