• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

druckbereich festlegen || css-tabelle mit einer spalte

J

jilli

New member
Hallo ich bräuchte dringend eure hilfe.

Ich habe eine kleine website in css programmiert. Das layout bsiert auf einer tabelle die mittig ausgerichtet ist. Die nutzer sollen die seite ausdrucken können - wichtig: nur die tabelle mit dem content. Zur zeit wird die gesamte seite ausgedruck, natürlich fehlt dann rechts die hälfte.

Wie kann ich es programmieren, das nur die content-tabelle gedruckt wird???? Ich habe einen thread gefunden, wo ich sagen kann: die spalte nicht drucken. Ich habe aber links und rechts keine eigenständigen spalten.

Wäre super wenn mir jemand helfen könnte.
www.is-kandemir.de/purchasing/index.htm

danke - jilli
 
Hi!

Hört sich so an, als wolltest Du erreichen, daß da irgendwelche Ränder (bedingt durch left, margin oder padding) beim Druck verschwinden sollen. Hier ein Beispiel für left (das Element hat class="blah"):

<style type="text/css">
<!--
.blah{
position:absolute;
left:500px;
width:900px;
}
@media print{
.blah{
left:0;;
}
}
-->
</style>

Ahoi - Pit
 
hi pit,

danke für die antwort.

vom prinzip herr ist es mir klar. nur wo platziere ich <span class="nichtDrucken".....>??? hätte ich eine spalte, dann klar im <td>, aber ohne spalte bezogen aus das left. die content-tabelle hat ja left=190px

danke vorab - liane

<style type="text/css">
<!--
.nichtDrucken{
position:absolute;
left:190px;
width:900px;
}
@media print{
.nichtDrucken{
left:0;;
}
}
-->
</style>
 
Hi!

Gib Deiner Tabelle eine class (ohne inline-styles, also nix mit style="laberlaber"). In der legst Du den Kram fest, der für die Tabelle gelten soll. Und dann:

@media print{
.deinKlassenName{
left:0;
}
}

Ahoi - Pit
 
hi pit,

leider kann ich dir nicht so ganz folgen. soll ich die seiten jetzt komplett neu aufbauen, ohne inline-styles?

anbei die code von einer seite:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
	<title>Untitled</title>
	<style type="text/css">
	.font_text { font-size:12px; color:#5b5b5b; font-family:arial; line-height:0.45cm; padding-left:75px; padding-right:75px; padding-top:15px; padding-bottom:15px;}
	</style>

	<style type="text/css">
	<!--
	.textlink {
 	color:#5b5b5b;
 	text-decoration:none;
 	font-family:arial;
 	font-size:13.5px;
 	text-transform: none;
	}
	.textlink:visited {
	 color:#A0A0A0;
	}
	.textlink:hover {
 	color:#ff9100;
	}
	.textlink:active {
	 color:#ff9100;
	}
	-->
	</style>

</head>

<body bgcolor="#c1c1c1">
<table border="0" cellpadding="0" cellspacing="0" style="table-layout:fixed; border-spacing:0px; width:900px; height:800px; position:absolute; top:40px; left:190px;">
<colgroup span="4" style=""></colgroup>
<tr>
<td  align="center" style="position:absolute; width:900px; height:154px; left:0px; top:0px; left:0px; margin:0px; border:0px; vertical-align:top; background-color:#aeaeae;"><img src="http://forum.jswelt.de/images/logo.gif" alt="" width="800" height="154" border="0"></td>
</tr>
<tr>
<td style="position:absolute; width:900px; height:50px; top:154px; left:0px; margin:0px; border:0px; background-color:#D6D6D6;">
<table border="0" cellpadding="0" cellspacing="0" style="table-layout:fixed; border-spacing:0px; width:900px; position:absolute; top:0cm; left:0px;">
<colgroup span="1" style=""></colgroup>
<tr>
<td style="width:690px; position:absolute; top:20px; left:76px">
<a class="textlink" href="auftrag.htm">Auftragsinformation</a>  |</a>  
<a class="textlink" href="spedition.htm">Speditionen</a>  |  
<a class="textlink" href="bedingungen_dt.pdf" target="_blank">Allgemeine Einkaufsbedingungen der MK-Gruppe</a>  |  
<a class="textlink" href="impressum.htm">Impressum</a>  |  
<a class="textlink" href="mailto:schuhe@dielmann.de">E-Mail</a>
</td>
<td style="width:80px; position:absolute; top:20px; right:10px">
<a class="textlink" href="order.htm">[English]</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>

<td style="position:absolute; width:900px; height:596px; top:204px; left:0px; margin:0px; border:0px; background-color:#FFFFFF; vertical-align:top;">
<div class="font_text">
<p><br>
<img src="http://forum.jswelt.de/images/icon.gif" width="16" height="8"> <b>IMPRESSUM</b>
<p>


</td>

</tr>
</table>


</body>
</html>
gruss liane
 
Zuletzt bearbeitet:
Hi!

Sorry, wenn ich das jetzt so sage, aber Dein CSS hast Du wahrscheinlich nur in IE gecheckt. Da reichen zwei Handgriffe, um für's Drucken das zu erreichen, was Du im Kopf hast. Kann ich morgen oder so mal rüberbeamen.

Aber: sieh Dir bitte mal Deine Seite mit anderen Browsern (Firefox & Co) an: in einigen ist Deine Tabelle immer ganz links.

Wenn Du magst, demnächst Fundierteres (ich mach jetzt "Feierabend").

Gruß - Pit
 
hi,

erstmal vielen dank. wäre cool wenn du mir da nochmal ein paar tipps geben könntes.

bis dann - jilli
 
Hi!

In Sachen CSS kurven hier Leute 'rum, die deutlich fitter sind als ich. Wenn von denen Dir niemand weiterhilft klinke ich mich auf jeden Fall nochmal ein.

Ahoi - Pit
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben