zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Div Boxen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 14.12.2015, 15:39
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.02.2015
Beiträge: 42
mofi befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 14.12.2015, 15:46
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.02.2015
Beiträge: 42
mofi befindet sich auf einem aufstrebenden Ast
Standard

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; }
		}
auf der Seite selbst

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>
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 14.12.2015, 15:53
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

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;
}
Schau dir die betreffenden Bereiche mit Firebug oder ähnlichen Webdeveloper-Werkzeugen an, dann solltest du die Unterschiede sehen.
Mit Zitat antworten
  #4 (permalink)  
Alt 14.12.2015, 15:55
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.02.2015
Beiträge: 42
mofi befindet sich auf einem aufstrebenden Ast
Standard

Nein, es werden keine Boxen angezeigt.

In der Kochschule habe ich rote Boxen und beim Restaurant steht da nur Text... ohne diese Boxen
Mit Zitat antworten
  #5 (permalink)  
Alt 14.12.2015, 15:55
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.123
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo

Zitat:
Auf der einen funktionieren die Webboxen super auf der anderen klappt es nicht,
Mein Beitrag hat sich mit deiner Antwort überschnitten.

Bei mir werden auf beiden Seiten die Boxen angezeigt.

Gruss

MrMurphy

Geändert von MrMurphy (14.12.2015 um 16:00 Uhr)
Mit Zitat antworten
  #6 (permalink)  
Alt 14.12.2015, 15:59
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.02.2015
Beiträge: 42
mofi befindet sich auf einem aufstrebenden Ast
Standard

ich mach gerade einen Screenshot.. moment
Mit Zitat antworten
  #7 (permalink)  
Alt 14.12.2015, 16:01
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.02.2015
Beiträge: 42
mofi befindet sich auf einem aufstrebenden Ast
Standard

[IMG] ftp://mofiweb.bplaced.net/box.jpg [/IMG]

[IMG] ftp://mofiweb.bplaced.net/box1.jpg [/IMG]
Mit Zitat antworten
  #8 (permalink)  
Alt 14.12.2015, 16:05
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.123
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

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)
Mit Zitat antworten
  #9 (permalink)  
Alt 14.12.2015, 16:13
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.02.2015
Beiträge: 42
mofi befindet sich auf einem aufstrebenden Ast
Standard

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)
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 14.12.2015, 16:23
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.123
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

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


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:31 Uhr.