✔ Border begrenzen

0

08154711

Erfahrenes Mitglied
Hallo,
Ich habe eine Seite mit Content gefüllt ( Breite 800px )und dem ganzen eine Border von 1px gegeben. Da der Content über die gesamte Seite geht und demzufolge auch die Border hier meine Frage - kann man die Border begrenzen?
Gruß
 
Hi,

liegt hier nicht eine Begrenzung durch die Breite (800px) vor?

Ansonsten kann dem Inhalt ein horizontaler Außenabstand, oder der umschliessenden Box ein horizontaler Innenabstand mit auf dem Weg gegeben werden, damit der Rahmen (des Inhalts) sich nicht über die gesamte Breite erstreckt.

mfg Maik
 
Hallo Maik,
Nein es liegt keine Begrenzung vor. Habe es nicht richtig formuliert, deshalb mal ein gif angehängt zum verdeutlichen. Es ist nur eine Links und eine Rechts Border.
Gruß
 

Anhänge

  • border.jpg
    border.jpg
    10,4 KB · Aufrufe: 110
Schickes GIF, aber der HTML- und CSS-Code wäre hier aussagekräftiger, um der Ursache konkret auf den Grund gehen zu können.

Scheint so, wie wenn der "neue Rahmen" durch eine Grafik erzeugt wird, oder?

mfg Maik
 
Hi,
Nein ist keine Grafik. Hier mal der Code

Code: 
html, body {
	margin:0;
	padding:0;
	height:100%;
	background-image: url(../bilder/kachel.gif);
}

* html .clearfix {
	height: 1%;
}
div#wrapper {
	border-left:  #776655 1px solid;
	border-right: #776655 1px solid;
	position:relative;
	margin:0 auto;
	width:780px;
	min-height:100%; 
	height:auto !important; 
	height:100%; 
	background:url(../bilder/wrapper.gif);
}

div#wrapper p {
	margin:0;
	padding:10px 70px;
	line-height: 15px;
	font-size:11px;
}
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Links</title>
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<link href="css/navigation.css" rel="stylesheet" type="text/css" />
<link href="css/links.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="bilder/favicon1.ico" type="image/x-icon" />
<style type="text/css">
.footerlinks {
	margin-left:0px;
}

.linkimg {
	margin-left:60px;
	margin-top:100px;
}
</style>
</head>
<body>
<div id="wrapper" >
  <div >
<div><img class="mainbanner" src="bilder/logo1.jpg" alt="mainbanner" /></div>
		<div id="header">
			<ul>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
	</div>
	<div><img class="footerlinks" src="bilder/footer.jpg" alt="footer" width="780" height="150" /></div>
</div>
</body>
</html>
 
Fehlt da noch etwas? Und wo genau taucht bei dir der "Rahmenüberschuß" auf?

Ich frag nur, weil ich in der Seite nirgends deine angehängte GIF-Skizze entdecke, sprich der Rahmen von #wrapper läuft schnurstracks senkrecht nach unten.

Besser, du nennst mal den Link zur Seite, denn nach einer Quizshow ist mir hier wirklich nicht :p

08154711 hat gesagt.:
Nein es liegt keine Begrenzung vor.
Zum Vergrößern anklicken....
Tatsächlich? Die alles umschliessende Box #wrapper besitzt doch eine absolute Breite (wenngleich auch nur 780px anstatt der eingangs genannten 800px) :suspekt:

mfg Maik
 
HI,
Die Grafik galt nur als visuelle Hilfe, und nein die Seite ist nicht Online. Die Box #wrapper hat links und rechts eine Border und die wollte ich "begrenzen", nach Möglichkeit mit CSS falls das überhaupt geht .
 
Tut mir leid, aber ich kann dir nicht folgen, was du hieran begrenzen willst, bzw. wie es dort überhaupt zu deiner angehängten Skizze kommen soll.

border.jpg

mfg Maik
 
Ich verstehe zwar auch nicht, was du meinst, aber die Border-Eigenschaft zeichnet einen Border um das gesamte HTML-Element, welches diese Eigenschaft besitzt.
Eine Einschränkung allein über CSS ist daher nicht möglich.

Wenn du uns mal genau beschreiben würdest, was du haben möchstest, dann kann man vielleicht einen Workaround ausarbeiten.
Durch simples Ja und/oder Nein-Beantworten kommt man nicht wirklich schnell zum Ziel ;)
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück