Brauche eure Hilfe ;)

Macrosdesign

Also es geht um folgendes auf der Seite http://www.winterdienst-best.de sind links und rechts 2 striche die sollen aber übern ganzen bildschirm gehen auch wenn man scrollt wie mach ich das am besten ???

mfg Cy

hier nochmal die css:

Code

.navi {
	width:770px;
	height:41px;
	position:absolute;
	margin-left:112px;
	margin-top:87px;
 }
.navi2 { float:left;
  }
.content {
	position: absolute;
	width:770px;
	margin-left:112px;
	left: -10px;
	top: 2px;
  }


.body {
 width: 1000px;
 height: 100%;
 position: absolute;
 left: 50%;
 margin-left: -500px;
 border-left:1px solid #999999;
 border-right:1px solid #999999;
 }
.center {
 text-align:center;
 font-family:"Segoe UI";
 }
.headline {
 font-size:20px;}
body {
 margin:0 auto;
 padding:0;
 }

Alles anzeigen

Bandit

Auf den ersten Blick erkenne ich noch nicht mal, wo die Linien überhaupt herkommen. Und wenn man sich den HTML-Code ansieht, dann weiß ich, warum ich auf so einen Blödsinn wie Dreamweaver verzichte.

Ich würde body links und rechts einen Border verpassen.

yeti66

Das funktioniert mit der Faux Columns Technik ( http://www.css3.info/liquid-faux-co…ackground-size/) .

synaptic

also zuerst einmal wofür haste nen position:absolute in der class "content"?
dann frag ich mich wieso du überhaupt ne class "content" machst das würd ich für ne ID machen und content dann auch nur 1!! mal existieren lassen, das wäre dann der wrapper für alles was nicht navi oder header oder footer is!

wenn du dann diesem ding, was ja ne automatische(variable) höhe haben sollte und ne feste breite, nen border-right und nen border-left beibringst sollte das was du haben willst funktionieren!

yeti66

Zitat von synaptic

...
wenn du dann diesem ding, was ja ne automatische(variable) höhe haben sollte und ne feste breite, nen border-right und nen border-left beibringst sollte das was du haben willst funktionieren!

...wäre die einfachere Lösung. Dann will man aber oft mehr . . . leichter Schatten, den die Seite wirft usw. Der Rand mit border wäre dann eine Sackgasse. Es gibt halt immer mehrere Lösungen.......

Macrosdesign

also der quelltext is leider etwas chaotisch noch den räum ich ja noch auf nur ich habe dem body ja ne höhe von 100% und ne feste breite zugewiesen und dann border left und right aber wenn du nach unten scrollst gehen die striche halt net weiter
das ja das problem ;)ich werds mal mit der faux-colllums probieren thx schonmal

sejuma

So lange du dir über die Bedeutung von position: absolute und ihren Verwendungszweck nicht bewusst bist, solltest du darauf verzichten. Das kannst du alles viel besser mit float und margin lösen:
http://www.ohne-css.gehts-gar.net/0045.php

Das Element "body" solltest du nicht missbrauchen, indem du nochmal eine gleichnamige Klasse verwendest. das ist zwar unschädlich, macht man aber nicht, da die Bezeichnungen immer eindeutig sein sollten, damit man Fehler auch schneller findet.

Nimm einen Div mit der gewünschten Breite, zentriere ihn wie hier beschrieben: http://www.ohne-css.gehts-gar.net/0001.php und packe darein den übrigen Inhalt. Wenn du diesem Div links und rechts einen Rand gibst, sollte es gut sein/Werden.

yeti66

Hier mal ein kleiner Ansatz mit den Breitenangaben:

yeti66

...und hier noch etwas weiter gesponnen in eisgrau/eisblau wegen dem Winterdienst. Der Header passt jetzt zwar nicht mehr, ich habe ihn aber erst mal so gelassen. (.psd inclusive)

Tags