Thread Code-Darstellung (Scrollbalken) (13 answers)
Opened by pq at 2011-06-19 16:46

pq
 2011-06-19 21:14
#149771 #149771
User since
2003-08-04
12208 Artikel
Admin1
[Homepage]
user image
ich habe das jetzt hier im forum mal upgedated und den browserswitch dazugepackt.
in älteren IEs sehen die codeboxen evtl. etwas komisch aus, so dass der code hinter die überschrift gepackt wird.

der quellcode sieht in etwa so aus:
Code: (dl )
1
2
3
4
<div class="codeheader">Headline</div>
<div class="codelines"><pre><tt>zeilennummern</tt></pre></div>
<div class="codebox">code...</div>
<div style="clear: both;"></div>


css:
Code: (dl )
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
div.codeheader {
float: left;
clear: both;
background-color: #eeeeee;
font-style: italic;
color: #7777aa;
padding: 0;
padding-left: 10px;
font-size: smaller;
font-weight: normal;
text-align: left;
}
div.codelines {
vertical-align: top;
margin-right: 2px;
float: left;
clear: both;
}
div.codebox {
border: 1px solid #aaaaaa;
float: left;
min-width: 20em;
/* Browserswitch */
overflow-x: auto;
max-width: 50em/90%; width: 40em
}


falls da jemand einen fehler entdeckt... ich dachte, mit "clear: both" kommt das nächste div auf jeden fall in die nächste zeile...
Last edited: 2011-06-19 21:20:59 +0200 (CEST)
Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live. -- Damian Conway in "Perl Best Practices"
lesen: Wiki:Wie frage ich & perlintro Wiki:brian's Leitfaden für jedes Perl-Problem

View full thread Code-Darstellung (Scrollbalken)