Hilfe bei Html

Adult Hosting

G

Guest

Guest
Kann mir jemand sagen wie ich das hinkriege, dass der Scheiß sich nicht an den Seiten überlappt?

Code:
<!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" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>hallo</title>
<style type="text/css">

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%;
max-height: 100%;
}

#framecontentLeft, #framecontentRight{
position: absolute;
top: 0;
left: 5%;
width: 170px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #333333;
color: white;
}

#framecontentRight{
left: auto;
right: 5%;
width: 150px; /*Width of right frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #333333;
color: white;
}

#maincontent{
position: fixed;
top: 0;
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
right: 150px; /*Set right value to WidthOfRightFrameDiv*/
bottom: 0;
overflow: auto;
background: #880000;
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 0 150px 0 200px; /*Set value to (0 WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%;
width: 100%;
}

</style>
</head>

<body>
<body link= white vlink=white >

<div id="framecontentLeft">
<div class="innertube">

<div class="arrowlistmenu">


<h3 class="headerbar">Navigation</h3>
<ul>
[*][url="http://meine.domain.com/"]Domain[/url]
[*][url="http://www.dynamicdrive.com/style/csslibrary/all/"]Browse All[/url]
[/list]


</div>


</div>
</div>

<div id="framecontentRight">
<div class="innertube">

<div class="arrowlistmenu">

<h3 class="headerbar">Partner</h3>
<ul>

[/list]

</div>


</div>
</div>


<div id="maincontent">
<div class="innertube">

<h1>hallo</h1>
hallo
<center><script language="javascript" src="http://mm.777partner.com" type="text/javascript"> </script>


<script type="text/javascript">filltext(255)</script></p>
<p style="text-align: center">Credits: [url="http://www.dynamicdrive.com/style/"]Dynamic Drive CSS Library[/url]</p></center>

</div>
</div>


</body>
</html>
 
Du hast kein Problem mit html sondern mit deinem css
du gibst die breiten einmal in % und einmal als feste grösse an das ergibt dan bei verschiedenen Bildschirmauflösungen verschiedene Darstellungen :?:

ich nehme an du willst ein 3 spaltiges layout zusammenbasteln hier ist eins was richtig angezeigt wird gesamtgreite wird direkt im body angegeben bzw dort geändert
Code:
<style type="text/css"><!--
body 
{
 font-family:Verdana;
 font-size:12px;
 background-color:#ffefde;
}
h1 {font-size:18px;color:#000000;margin-bottom:0px;}
h2 {font-size:16px;color:#000000;}
h3 {font-size:14px;color:#000000;}
p {margin-top:0px;}


a:link, a:visited, a:active, a:hover
{ 
  text-decoration:none;
  font-weight:bold;
  color:#634142;
  font-size:12px;
}
a:active, a:hover
{ 
 text-decoration:underline;
}

#title {
height:34px;
padding:5px;
border-bottom:1px solid #000000;
margin-bottom:20px;
}
#left, #right {
width:14%;
line-height:18px;
}
#left {
float:left;
}
#right {
float:right;
}
.menutitle
{
font-weight:bold;
border-top:1px dashed #000000;
margin-top:15px;
}

#content {
float:left;
width:66%;
margin-left:3%;
}
//--></style>

</head>
<body style="text-align:center;">
<div style="width:760px;margin:0px auto;text-align:left;">

<div id="title">
[img]deinlogo.gif[/img]
<h1>  blblbk</h1></div>

 <div id="left" style="clear:right;">
<p class="menutitle">MENU 1</p>
» [url="#"]HYPERLINK 1[/url]

» [url="#"]HYPERLINK 2[/url]

» [url="#"]HYPERLINK 3[/url]

» [url="#"]HYPERLINK 4[/url]


» [url="#"]HYPERLINK 5[/url]







 </div> 
 
 <div id="right">
<p class="menutitle">MENU 4</p>
» [url="#"]HYPERLINK 1[/url]

» [url="#"]HYPERLINK 2[/url]

» [url="#"]HYPERLINK 3[/url]


» [url="#"]HYPERLINK 4[/url]

» [url="#"]HYPERLINK 5[/url]



 </div>

 
 <div id="content">

 </div>
<p style="text-align:left;clear:both;margin-top:20px;">[url="index.html#example"]Zurück[/url]</p>

</body>
</html>

und den Quark mit dem quirks modus kannste dir eigentlich sparen wird eigentlich automatisch erkannt
 
Danke für deine Hilfe, susi. Was ist quirks modus?

Das Design von deinem Layout, sagt mir leider nicht besonders zu und ich bin zu unwissend, es in seiner Struktur komplett verändern zu können.

Mit meinem Layout habe ich es jetzt geschafft, es so anzupassen, dass es im IE richtig angezeigt wird. Aber in Firefox überlappen sich die "Container" (so nennt man sie doch?!) immer noch?

Wie passe ich das Layout jetzt so an, dass es in allen gängigen Browsern richtig angezeigt wird?
Code:
<!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" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>hallo</title>
<style type="text/css">

body{
margin: 1.99%;
padding: 0;
border: 0;
overflow: hidden;
height: 100%;
max-height: 100%;
}

#framecontentLeft, #framecontentRight{
position: absolute;
top: 0;
left: 4%;
width: 150px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #333333;
color: white;
}

#framecontentRight{
left: auto;
right: 4%;
width: 150px; /*Width of right frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #333333;
color: white;
}

#maincontent{
position: absolute;
top: 0;
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
right: 150px; /*Set right value to WidthOfRightFrameDiv*/
bottom: 0;
overflow: auto;
background: #880000;
}

.innertube{
margin: 20px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 0 150px 0 200px; /*Set value to (0 WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%;
width: 100%;
}

</style>
</head>

<body>
<body link= white vlink=white >

<div id="framecontentLeft">
<div class="innertube">

<div class="arrowlistmenu">


<h3 class="headerbar">Navigation</h3>
<ul>
[*][url="http://meine.Domain.com/"]Domain[/url]
[*][url="http://www.dynamicdrive.com/style/csslibrary/all/"]Browse All[/url]
[/list]


</div>


</div>
</div>

<div id="framecontentRight">
<div class="innertube">

<div class="arrowlistmenu">

<h3 class="headerbar">Partner</h3>
<ul>

[/list]

</div>


</div>
</div>


<div id="maincontent">
<div class="innertube">

<h1>hallo</h1>
hallo
<center><script language="javascript" src="http://mm.777partner.com/" type="text/javascript"> </script>


<script type="text/javascript">filltext(255)</script></p>
<p style="text-align: center">Credits: [url="http://www.dynamicdrive.com/style/"]Dynamic Drive CSS Library[/url]</p></center>

</div>
</div>


</body>
</html>
 
Sin84 schrieb:
Mit meinem Layout habe ich es jetzt geschafft, es so anzupassen, dass es im IE richtig angezeigt wird. Aber in Firefox überlappen sich die "Container" (so nennt man sie doch?!) immer noch?

Der Firefox zeigt nur falsch an wenn du was am CSS oder HTML falsch gemacht hast der IE zeigt generell falsch an. Da er nicht oder nur sehr beschränkt CSS beherrscht IE6 / 7 liegt dies bei ca 50-55% CSS unterstüzung CSS 2.1 der 8er kann dann schon ganze 75%.

Deshalb Seiten immer erst im Firefox oder Opera erstellen und dann für denn IE mit extra CSS File mit entsprechen IE Hacks anpassen diese kann man mit conditional comments einbinden.

so hier mal etwas sauberes xHtml alles ohne IE Hacks damit solltest du dich erst beschäftigen wenn du CSS verstehst damit du weist wo die IE Hacks greifen da es unterscheide zu IE6 / IE7 / IE8 gibt. Für denn IE6 würde ich gar nicht mehr anfangen irgendetwas anzupassen.
Code:
<!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>hallo</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="page">
    <div id="sidebarleft">
        <h2>Menü</h2>
        <ul>
            [*][url="#"]ich bin ein Link[/url]
            [*][url="#"]ich bin ein Link[/url]
        [/list]
    </div>

    <div id="content">
        

Hallo Welt ich bin Content</p>
        

         

Hallo Welt ich bin Content</p>
         

Hallo Welt ich bin Content</p>
    </div>

    <div id="sidebarright">
        <h2>Menü</h2>
        <ul>
            [*][url="#"]ich bin ein Link[/url]
            [*][url="#"]ich bin ein Link[/url]
        [/list]
    </div>
</div>

</body>
</html>

Und das dazugehörige css

Code:
@charset "utf-8";
/* CSS Document */

html, body {
	margin:0 auto;
	width:100%;
}

#page {
	font-family:Verdana, Geneva, sans-serif;
	margin:0px 0px 0px -400px;
	background:#333;
	position:absolute;
	font-size:62.5%;
	width:800px;
	bottom:0px;
	color:#FFF;
	left:50%;
	top:0px;
}

#sidebarleft {
	position:absolute;
	font-size:1.1em;
	width:180px;
	bottom:0px;
	color:#FFF;
	left:0px;
	top:0px;
}

#sidebarright{
	position:absolute;
	font-size:1.1em;
	width:180px;
	bottom:0px;
	color:#FFF;
	right:0px;
	top:0px;
}

#content {
	background:#880000;
	position:absolute;
	font-size:1.1em;
	width:440px;
	bottom:0px;
	color:#FFF;
	left:180px;
	top:0px;
	
}

#sidebarleft h2, #sidebarright h2 {
	font-size:1.2em;
	padding:1%;
	margin:0px;
	width:98%;
	color:#FFF;
	float:left;
}

#sidebarleft ul, #sidebarright ul {
	padding:0px 10px;
	width:160px;
	margin:0px;
	color:#FFF;
	float:left;
}

#sidebarleft li, #sidebarright li {
	list-style:none;
	padding:0px;
	width:160px;
	margin:0px;
	color:#FFF;
	float:left;
}
 
Hi m3xx. Danke, es funktioniert und sieht sogar so aus wie ich es haben wollte. :)

Aber wie kann ich das Ganze jetzt breiter machen, so dass mehr Platz im Bild eingenommen wird und nicht so viel Weiß an den Seiten zu sehen ist?

Wenn ich die width Angaben ändere, passiert alles mögliche, nur nicht das was ich will!
 
Code:
#page {
   font-family:Verdana, Geneva, sans-serif;
   margin:0px 0px 0px -400px; [b]<-- hier muss immer die Hälfte von width[/b]
   background:#333;
   position:absolute;
   font-size:62.5%;
   width:800px;
   bottom:0px;
   color:#FFF;
   left:50%;
   top:0px;
}
 
benutzt doch bitte den code tag um codes zu posten, und nicht den zitat button.
dann werfden die threads nicht so sinnlos lange, ausserem werden keine zeichen abgeaendert, was bei dem quote tag schonmal passieren kann.

hab auch nix dagegen wenn ihr eure threads jetzt nachtraeglich noch korigiert :)

als webmaster sollte man sowas eigentlich wissen!
 
Die Texte kann man nur innerhalb einer Stunde nach der Erstellung editieren. Sowas sollte man als Board-Admin eigentlich wissen! :24:

Und wie stelle ich ein, dass der Text im Content automatisch in der Zeile umbricht und nicht in die Sidebar mit reinschreibt?
 
na gut, hab ich das halt gemacht.
kost ne kiste bier beim naechsten boardtreffen!
und wagt es ja nicht, nicht zu erscheinen!!!!
 
also ich bin mit großer wahrscheinlichkeit ab montag wieder in der gegend....
 
Ich hab noch eine Frage.
Angenommen, ich würde für meine Sexcam Seite eine Seite kreieren mit dem Namen meinedomain.com/Eingang, um halt mehr Unique Content anzubieten und mehr Keywords abzugreifen.

Wie behandelt Google solch Unterseiten? Und da gibt es doch dann sicher auch Probleme, den Link in Webkatalogen etc. einzutragen, oder?

Leider weiss ich immer noch nicht wie ich den Text dazu bringe, nicht in die Sidebar mit reinzuwollen! :cry:
 
In Kataloge kann man für gewöhnlich nur die Domain eintragen, nicht Unterseiten.
 
Wen ich Sin84 richtig verstanden habe meinte er auch keine Sub sondern ein Verzeichnis

"meinedomain.com/Eingang"

und damit hast du es dann recht schwer dich irgendwo in Kataloge, Toplisten etc. einzutragen.

Sumas geben dir da recht schnell einen unnötigen PR drauf aber im Index halten sie sich dann gerne mit einem guten Ranking zurück.

Soweit meine Erfahrung damit.

Gruß

Cebu
 

Erotik Webmaster Forum Dating Affiliates

Zurück
Oben Unten