Scroll-Probleme

_stiFFlor_ · 14. Juli 2006

Hi Leute,

Ich hab ein Probelm mit einer Überschrift ! Ich hab im CSS einen h3-div angelegt und da drinnen steht: "position:fixed"!
Da drunter unter dieser Überschrift habe ich eine Tabelle, aber die Überschrift scrolled immer mit der Tabelle mit!

Ich bitte um eure Hilfe !!

Danke im Voraus

versuch13 · 14. Juli 2006

position:fixed wird nicht von jedem Browser unterstützt. Welchen nutzt du denn?

Hier gibt es Workarounds:

Die richtige Anwendung von 'position:fixed'

stu nicholls | CSS PLaY | emulating position fixed for Internet Explorer

position: fixed in Internet Explorer - additions on Gunlaug's homepages

Making Internet Explorer use position: fixed;

Gruß

Maik · 14. Juli 2006

Ansonsten zeig uns doch mal den dazugehörigen Quelltext (HTML + CSS), damit wir einen Einblick in den Seitenaufbau gewinnen.

_stiFFlor_ · 14. Juli 2006

Ich habe hier in der Firma leider nur IE, aber ich weiss nicht welche Version !!

Hier das Programmstück :

Code:

/* CSS Document */


body {
	  margin: 0; padding: 0;
	  font: normal 80% Trebuchet MS;
   	  color: lightcyan; background-color: #728FD6;
}


h1 {
	  font-size: 2em;
	  margin: 0.5em; padding: 0.3em;
	  text-align: center;
	  background-color: #728FD6;
}

h3 {
	 
	  text-align: center;
	  margin: 0.5em; 
	  padding: 0.3em;
	  font-size: 0.4cm;
	  position: fixed;  
	  
}


#top{

	border-width:1px;
	border-color:#FFFFFF;
	position:absolute;
	margin-top: 120px;
	margin-left:150px;
	height: 100px;
	width: 920px;
	z-index:1;
	border-style: dashed;
}

#login {
	border-style:dashed;
	border-width:1px;
	border-color:#FFFFFF;
	position:absolute;
	margin-top: 228px;
	margin-left:150px;
	height: 5px;
	width: 920px;
	z-index:1;
	text-align:right;
}



#navi {
	border-style:dashed;
	border-width:1px;
	border-color:#FFFFFF;
	position:absolute;
	margin-top: 230px;
	margin-left:150px;
	height: 500px;
	width: 150px;
	z-index:1;
}

#content {

	border-style:dashed;
	border-width:1px;
	border-color:#FFFFFF;
	position:absolute;
	margin-top: 230px;
	margin-left: 310px;
	height: 500px;
	width: 760px;
	z-index:1;
	overflow: scroll; 
	scrollbar-base-color:#728FD6;
	scrollbar-3d-light-color:#FFFFFF;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	color:#FFFFFF;
	overflow: scroll;


}

Und hier, wie ich das ins HTML eingebunden habe !! :

HTML:

<h3><div id="us">Projekt-Tabelle</div></h3>

Maik · 14. Juli 2006

Ich würde es mal so probieren:

HTML:

<h3>Überschrift 3.Ordnung</h3>
<div id="us">Projekt-Tabelle</div>

_stiFFlor_ · 14. Juli 2006

Nein so funktionierts leider auch nicht !!

Ich habe keine Ahnung, was ich noch alles machen soll !!

Aber das wäre net soo das große Problem, weil das sind nur mehr kleine ästhetische Änderungen im Rahmen des Projekts !!

Aber falls ihr da draussen doch noch einen Tipp für mich habt, dann nehme ich den gerne entgegen !!

lg, Stefan

Maik · 14. Juli 2006

Vielleicht solltest du mal den kompletten Quelltext der Seite zeigen, denn was du uns im CSS-Teil gezeigt hast, findet sich, abgesehen vom h3-Element, im HTML-Codeschnippsel nicht wieder, und umgekehrt.

Und noch ein Tipp: der IE unterstützt derzeit position:fixed noch nicht.

_stiFFlor_ · 14. Juli 2006

Code:

/* CSS Document */


body {
	  margin: 0; padding: 0;
	  font: normal 80% Trebuchet MS;
   	  color: lightcyan; background-color: #728FD6;
}


h1 {
	  font-size: 2em;
	  margin: 0.5em; padding: 0.3em;
	  text-align: center;
	  background-color: #728FD6;
}

h3 {
	 
	  text-align: center;
	  margin: 0.5em; 
	  padding: 0.3em;
	  font-size: 0.4cm;
	  position: fixed;  
	  
}


#top{

	border-width:1px;
	border-color:#FFFFFF;
	position:absolute;
	margin-top: 120px;
	margin-left:150px;
	height: 100px;
	width: 920px;
	z-index:1;
	border-style: dashed;
}

#login {
	border-style:dashed;
	border-width:1px;
	border-color:#FFFFFF;
	position:absolute;
	margin-top: 228px;
	margin-left:150px;
	height: 5px;
	width: 920px;
	z-index:1;
	text-align:right;
}



#navi {
	border-style:dashed;
	border-width:1px;
	border-color:#FFFFFF;
	position:absolute;
	margin-top: 230px;
	margin-left:150px;
	height: 500px;
	width: 150px;
	z-index:1;
}

#content {

	border-style:dashed;
	border-width:1px;
	border-color:#FFFFFF;
	position:absolute;
	margin-top: 230px;
	margin-left: 310px;
	height: 500px;
	width: 760px;
	z-index:1;
	overflow: scroll; 
	scrollbar-base-color:#728FD6;
	scrollbar-3d-light-color:#FFFFFF;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	color:#FFFFFF;
	overflow: scroll;


}


#tabelle {
	margin-left : 30px;
	margin-top : 20px;
}

#us {
	position:fixed; 
}

HTML :

HTML:

<h3><div id="us">Projekt-Tabelle</div></h3>

<?php

Wie ihr seht ist hier nur PHP drinnen 
?>

Mehr hab ich auch nicht mit der Überschrift

Maik · 14. Juli 2006

Und wo ist im HTML-Code beispielsweise das DIV #content, das zum Scrollen vorgesehen ist?

Sorry, aber aus deinen Angaben werde ich nicht schlau.

Wenn du zudem nur die Überschrift hast, gibt es derzeit auch nichts zum Scrollen.

_stiFFlor_ · 14. Juli 2006

Asooo meintest du das !!

Warte, hier hast du den Content und auch die Tabelle, die unter dieser Überschrift ausgegeben wird :

Content :

PHP:

<div id="content"><?php
							  	 
	
								 if ($_REQUEST['modul'] == 'choose_change_stat')
								 include ('choose_change_stat.php');

								 if ($_REQUEST['modul'] == 'Veraendern')
								 include ('user_entry.php');
								 
								 if ($_REQUEST['modul'] == 'choose_change_project')
								 include ('choose_change_project.php');
								 
								 if ($_REQUEST['modul'] == 'Aendern')
								 include ('change_project.php');
								 
								 if ($_REQUEST['modul'] == 'tab_look')
								 include ('tab_look.php');	
								 
								 if ($_REQUEST['modul'] == 'add_project')
								 include ('add_project.php');	
								 
								 if ($_REQUEST['modul'] == 'del_project')
								 include ('del_project.php');	
								 
								 if ($_REQUEST['modul'] == 'change_project')
								 include ('change_project.php');	
								
								
?>

							  
</div>

Also das ist so eine Art weiche , wo er entscheidet, welche Seite in der URL aufgerufen wird und dem nach entscheidet er, welche Seite er Includet

und hier hast du den Code der Tabelle :

PHP:

<h3><div id="us">Projekt-Tabelle</div></h3>

<?php

$sql = "SELECT Projekt_Id, ProjektName, Verantwortlicher, PB, Next_Step, ToDos, Beschreibung, BFHB, Lieferung, RZ, Infrastruktur, OS, Storage, DB, Status from projektliste";

	$stmt = ociparse ($link, $sql);
	ociexecute ($stmt);
	print ("<table border=1><tr>
							<td>ProjektID</td>
							<td>ProjektName</td>
							<td>Verantwortlicher</td>
							<td>Projektbetreuer</td>
							<td>NextStep</td>
							<td>ToDOs</td>
							<td>Beschreibung</td>
							<td>BFHB</td>
							<td>Lieferung</td>
							<td>Rechenzentrum</td>
							<td>Infrastruktur</td>
							<td>OS</td>
							<tdStorage</td>
							<tdDatenbank</td>
							<tdStatus</td>
			</tr>");
	
	while (ocifetchinto($stmt,$row, OCI_NUM))
	{  
				print 	("<tr>"); 
					
					print  ("<td".$row[0]."</td>");
					print  ("<td".$row[1]."</td>");
					print  ("<td".$row[2]."</td>");
					print  ("<td>".$row[3]."</td>");
					print  ("<td>".$row[4]."</td>");
					print  ("<td>".$row[5]."</td>");
					print  ("<td>".$row[6]."</td>");
					print  ("<td>".$row[7]."</td>");
					print  ("<td>".$row[8]."</td>");
					print  ("<td>".$row[9]."</td>");
					print  ("<td>".$row[10]."</td>");
					print  ("<td>".$row[11]."</td>");
					print  ("<td>".$row[12]."</td>");
					print  ("<td>".$row[13]."</td>");
					print  ("<td>".$row[14]."</td>");
 
					
					print ("</tr>");
				
				
	}

print ("</table>");	

?>

Scroll-Probleme

_stiFFlor_

Grünschnabel

versuch13

Erfahrenes Mitglied

Maik

_stiFFlor_

Grünschnabel

Maik

_stiFFlor_

Grünschnabel

Maik

_stiFFlor_

Grünschnabel

Maik

_stiFFlor_

Grünschnabel

Neue Beiträge