✔ Div soll Parent-Div überlappen

S

sente

Erfahrenes Mitglied
Hallo,

ich habe ein popup Window, dass im groben das Adminmenu beinhaltet. Dieses öffnet sich über dem Header und bei Auswahl eines Menüpunktes wird dieser per Ajax direkt darunter in das Window geladen. (Info: mit Window ist kein echtes Browserfenster gemeint, sondern einfach ein per Javascript geöffneter div/table-Bereich (!))

Mein Problem ist nun, dass der Header 260px hoch ist, der geladene Inhalt aber in der Länge variieren kann und meistens länger ist als 260px.

Ich dachte an overflow: visible, jedoch funktioniert das überhaupt nicht. :(

Hab einen Screenshot hinzugefügt. Dürfte zum Verständnis beitragen. :)

Mit freundlichen Grüßen
Christof
 
Zuletzt bearbeitet:
z-index... na klar doch. :D
Manchmal sieht man den Wald vor lauter Bäumen nicht mehr... :(

Jetzt habe ich jedoch noch ein weiteres Problem. Darunter (bzw. dahinter) ist ein Menu mit hover. Dieses liegt scheinbar noch vor dem div, obwohl ich dem div als z-index 99 und dem menu 10 gegeben habe.
(Habe mich mit z-index noch nicht so intensiv beschäftigt, sollte jedoch passen - desto höher, desto "weiter vorne", oder?)

MfG
 
Besitzt das Menü auch eine Angabe zu position (absolute oder relative)? Denn nur in Verbindung mit ihr funktioniert z-index.

mfg Maik
 
Jetzt solltest du mal besser den Link zur Seite, oder ihren HTML- und CSS-Code posten.

mfg Maik
 
Hey,

die Seite steht auf einem lokalen 2003er Server (.NET).
Der Source dürfte sich wie ein 200 Seiten Roman lesen.
Was benötigst du denn genau? Dann kann ich dir das geben, sonst suchst du dich wohl eher zu tode. :)

lG
 
Zumindest wäre hier mal die "heruntergebrochene" Grundstruktur der Seite und ihre CSS-Formatierung von Interesse, um das Problem im Browser betrachten, und der Ursache auf den Grund gehen zu können.

mfg Maik
 
Hier mal der ausgeführte HTML Code:
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="X-UA-Compatible" content="IE=7" />
<link rel="stylesheet" type="text/css" href="/WebResource.axd?d=okbvPl0-j3GTY9dHBGifCbvSFts3sZ-peowFkK1bbsVReiw4jL_Coq2Te5kdmSleek8byy3u0aaSuhwVnW3Ut-opoc6nvBktM4Y1CSgk5wg1&amp;t=633829059374408000" />
<title>
 
</title>
<link href="../../Style/basic.css" rel="stylesheet" type="text/css" /><link href="../../Style/layout.css" rel="stylesheet" type="text/css" /><link href="../../Style/navigation.css" rel="stylesheet" type="text/css" /><link href="../../Style/start.css" rel="stylesheet" type="text/css" /><link href="../../Style/text.css" rel="stylesheet" type="text/css" /><link href="../../Style/impressum.css" rel="stylesheet" type="text/css" /><link href="../../Style/controls.css" rel="stylesheet" type="text/css" /></head>
<body>
    <form name="aspnetForm" method="post" action="Start.aspx" id="aspnetForm">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTExODA1Njc1ODcPZBYCZg9kFgICAw9kFgwCBQ9kFgJmD2QWAgIBD2QWAmYPZBYCAgcPPCsACAEADxYCHg5fIVVzZVZpZXdTdGF0ZWdkZAIHDw9kFgYeBXN0eWxlBSpiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJy4uL2ltZy9tU3RhcnQucG5nJykeC29ubW91c2VvdmVyZR4Kb25tb3VzZW91dGVkAgkPD2QWBB8CBV9kb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnY3RsMDBfbGJ0blByb2R1Y3RzJykuc3R5bGUuYmFja2dyb3VuZEltYWdlPSd1cmwoLi4vaW1nL21Qcm9kdWt0ZS5wbmcpJx8DBUZkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnY3RsMDBfbGJ0blByb2R1Y3RzJykuc3R5bGUuYmFja2dyb3VuZEltYWdlPScnZAILDw9kFgQfAgVhZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2N0bDAwX2xidG5Qb3J0Zm9saW8nKS5zdHlsZS5iYWNrZ3JvdW5kSW1hZ2U9J3VybCguLi9pbWcvbVBvcnRmb2xpby5wbmcpJx8DBUdkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnY3RsMDBfbGJ0blBvcnRmb2xpbycpLnN0eWxlLmJhY2tncm91bmRJbWFnZT0nJ2QCDQ8PZBYEHwIFXWRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdjdGwwMF9sYnRuQ29udGFjdCcpLnN0eWxlLmJhY2tncm91bmRJbWFnZT0ndXJsKC4uL2ltZy9tS29udGFrdC5wbmcpJx8DBUVkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnY3RsMDBfbGJ0bkNvbnRhY3QnKS5zdHlsZS5iYWNrZ3JvdW5kSW1hZ2U9JydkAhkPPCsACAEADxYCHwBnZGQYAgUeX19Db250cm9sc1JlcXVpcmVQb3N0QmFja0tleV9fFgQFHGN0bDAwJGx2TG9naW4kbHNMb2dvdXQkY3RsMDEFHGN0bDAwJGx2TG9naW4kbHNMb2dvdXQkY3RsMDMFF2N0bDAwJGx2TG9naW4kcHVBZG1pblVpBRFjdGwwMCRwdUNvbnRhY3RVcwUNY3RsMDAkbHZMb2dpbg8PZAIBZENyUcxhKbBGJrmdoDa78+cmM6mx" />
</div>
 
<script type="text/javascript"> 
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
    theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>
 
 
<script src="/WebResource.axd?d=V4v2iuvBPckX_tkf7bt_rQ2&amp;t=633595408183430636" type="text/javascript"></script>
 
 
<script src="/ScriptResource.axd?d=4RPy-YYdAnzEANczEdmiHb50SwuEUfE26fwohVoKzTNrgBAaDAdMnbXlETfwktJDeb1yVWmdExlNYIofb-oIYMt2NN1RW_X4bww5LopjuHs1&amp;t=633686571561196000" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=4RPy-YYdAnzEANczEdmiHb50SwuEUfE26fwohVoKzTNrgBAaDAdMnbXlETfwktJDeb1yVWmdExlNYIofb-oIYL_3cYCNMLR2jPKhC1ERCdige1VVlQgjMhd7mudtRcXO0&amp;t=633686571561196000" type="text/javascript"></script>
<div>
 
	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWGwKF9MTgCwKUi/fjCgKfiP/zBwKC19vKBwLbk8q1DQKU7bjGCQLp/PyhAQKayaWFCwLC2O/5CAKmrIvvCQL1n9mBDwKFzpWfCgLR1IOADQK766K+DgK09PvQDgKwypStAQLS6KeyAwLXnr/IDALb0taIAQLItbAYAtibwvcDAsnE+pcDAoP5vbwJAvaSyZQGAvS7xOIEAqndv4kGAvTUkZMGIzJqNN2K2nonqSZPBiC5GRN4vtA=" />
</div>
    <script type="text/javascript"> 
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$smMasterPage', document.getElementById('aspnetForm'));
Sys.WebForms.PageRequestManager.getInstance()._updateControls(['tctl00$upContactUs','tctl00$upLoginView'], [], [], 90);
//]]>
</script>
 
    <center>
        <div class="cPage">    
            <div class="head" style="z-index: 98;">
                <img src="../img/contactUs.png" alt="Kontaktieren Sie uns" class="contactUs" />
                <div class="contact">
                    <div id="ctl00_upContactUs">
	
                            <a id="ctl00_lbtnContactUs" href="javascript:__doPostBack('ctl00$lbtnContactUs','')">Kontaktieren Sie uns</a>
                        
</div>
                </div>
                <!-- NAVIGATION: Customer, User and Admin navigation -->
                <div class="navSite">
                    <div id="ctl00_upLoginView">
	
                            
                                    Willkommen <span id="ctl00_lvLogin_lnUsername">SuperUser</span>! |
                                    <a id="ctl00_lvLogin_lbtnDoSomething" href="javascript:__doPostBack('ctl00$lvLogin$lbtnDoSomething','')">Was möchten Sie tun?</a> |
                                    <a id="ctl00_lvLogin_lsLogout" href="javascript:__doPostBack('ctl00$lvLogin$lsLogout$ctl00','')">Abmelden</a>
                                    <!-- CONTROL: ADMIN POPUP WINDOW -->               
                                    <input type="hidden" id="ctl00_lvLogin_puAdminUiWS" name="ctl00_lvLogin_puAdminUiWS" value="0:0:-1:0:0:0:0:0:" />
	<script id="dxis_708304695" src="/WebResource.axd?d=okbvPl0-j3GTY9dHBGifCbvSFts3sZ-peowFkK1bbsVReiw4jL_Coq2Te5kdmSle83KZF_AlDM8_CWOBy1oBz-cFR0bemOvSFS7gYFFuieU1&amp;t=633829059374408000" type="text/javascript"></script>
	<script id="dxss_2136986878" type="text/javascript"> 
<!--
window.__aspxServerFormID = 'aspnetForm';
window.__aspxEmptyImageUrl = '/WebResource.axd?d=okbvPl0-j3GTY9dHBGifCbvSFts3sZ-peowFkK1bbsVReiw4jL_Coq2Te5kdmSlesn2BKf_AN-ltoGcy0WYSskUopqVKaPaH9qylD0bDpas1&t=633829059374408000';
//-->
</script>
 
	<div id="ctl00_lvLogin_puAdminUi_PW-1" style="position:absolute;left:0px;top:0px;z-index:10000;visibility:hidden;display:none;">
		<table id="ctl00_lvLogin_puAdminUi_PWST-1" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse;border-collapse:separate;position:relative;">
			<tr>
				<td class="dxpcControl popupAdminUi" onmousedown="aspxPWMDown(event,'ctl00_lvLogin_puAdminUi',-1,false)" style="border-style:None;width:771px;cursor:default;"><table id="ctl00_lvLogin_puAdminUi_CLW-1" cellspacing="0" cellpadding="0" border="0" style="width:771px;border-collapse:collapse;border-collapse:separate;">
					<tr>
						<td id="ctl00_lvLogin_puAdminUi_PWH-1" class="dxpcHeader" style="border-style:None;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;"><table cellspacing="0" cellpadding="0" border="0" style="width:100%;border-collapse:collapse;border-collapse:separate;">
							<tr>
								<td class="dxpc" style="padding-right:4px;"><img src="../../Style/img/AdminUiHeader.png" alt="" style="height:27px;width:771px;border-width:0px;" /></td><td class="dxpc" style="width:100%;"></td>
							</tr>
						</table></td>
					</tr><tr>
						<td id="ctl00_lvLogin_puAdminUi_PWC-1" class="dxpcContent" style="border-style:None;border-top-width:0px;padding-left:10px;padding-right:10px;padding-top:0px;padding-bottom:10px;">
                                        <div style="float: left;">
                                            <img src="../img/amNews.png" alt="Menüpunktbild" /><br />
                                            <a id="ctl00_lvLogin_puAdminUi_lbtnCreateNews" href="javascript:__doPostBack('ctl00$lvLogin$puAdminUi$lbtnCreateNews','')">Erstellen</a><br />
                                            <a id="ctl00_lvLogin_puAdminUi_lbtnManageNews" href="javascript:__doPostBack('ctl00$lvLogin$puAdminUi$lbtnManageNews','')">Verwalten</a>
                                        </div>
                                        
                                        <div style="float: left;">
                                            <img src="../img/amProjects.png" alt="Menüpunktbild" /><br />
                                            <a id="ctl00_lvLogin_puAdminUi_lbtnCreateProject" href="javascript:__doPostBack('ctl00$lvLogin$puAdminUi$lbtnCreateProject','')">Anlegen</a><br />
                                            <a id="ctl00_lvLogin_puAdminUi_lbtnManageProject" href="javascript:__doPostBack('ctl00$lvLogin$puAdminUi$lbtnManageProject','')">Verwalten</a>
                                        </div>
                                        
                                        <div style="float: left;">
                                            <img src="../img/amPortfolio.png" alt="Menüpunktbild" /><br />
                                            <a id="ctl00_lvLogin_puAdminUi_lbtnManagePortfolio" href="javascript:__doPostBack('ctl00$lvLogin$puAdminUi$lbtnManagePortfolio','')">Verwalten</a>
                                        </div>
                                        
                                        <div style="float: left;">
                                            <img src="../img/amUser.png" alt="Menüpunktbild" /><br />
                                            <a id="ctl00_lvLogin_puAdminUi_lbtnCreateUser" href="javascript:__doPostBack('ctl00$lvLogin$puAdminUi$lbtnCreateUser','')">Anlegen</a><br />
                                            <a id="ctl00_lvLogin_puAdminUi_lbtnManageUser" href="javascript:__doPostBack('ctl00$lvLogin$puAdminUi$lbtnManageUser','')">Verwalten</a>
                                        </div>
                                        
                                        <div style="float: left;">
                                            <img src="../img/amSettings.png" alt="Menüpunktbild" /><br />
                                            <a id="ctl00_lvLogin_puAdminUi_lbtnConfigSettings" href="javascript:__doPostBack('ctl00$lvLogin$puAdminUi$lbtnConfigSettings','')">Konfigurieren</a>
                                        </div>
 
                                        <div id="ctl00_lvLogin_puAdminUi_AdminContent" class="admin" style="z-index: 99;">
                                            
                                        </div>
                                    </td>
					</tr>
				</table></td>
			</tr>
		</table>
	</div><script id="dxss_1081550774" type="text/javascript"> 
<!--
aspxAddHoverItems('ctl00_lvLogin_puAdminUi',[['dxpcCloseButtonHover','',['HCB-1']]]);
 
var dxo = new ASPxClientPopupControl('ctl00_lvLogin_puAdminUi');
window['ctl00_lvLogin_puAdminUi'] = dxo;
dxo.uniqueID = 'ctl00$lvLogin$puAdminUi';
dxo.popupAction='MouseOver';
dxo.popupHorizontalAlign='RightSides';
dxo.popupVerticalAlign='Below';
dxo.popupHorizontalOffset=88;
dxo.isPopupPositionCorrectionOn=false;
dxo.shadowHeight=0;
dxo.shadowWidth=0;
dxo.popupElementID='ctl00_lvLogin_lbtnDoSomething';
dxo.InlineInitialize();
 
//-->
</script>
 
                                    <!-- END: ADMIN POPUP WINDOW -->           
                                
                            <a id="ctl00_lbtnImpressum" href="javascript:__doPostBack('ctl00$lbtnImpressum','')">Impressum</a>
                        
</div>
                </div>
                <!-- NAVIGATION: MAIN -->
                <div class="nav" style="z-index: 10;">
                    <a id="ctl00_lbtnStart" onmouseover="" onmouseout="" href="javascript:__doPostBack('ctl00$lbtnStart','')" style="display:inline-block;height:35px;width:85px;background-image: url('../img/mStart.png')">Start</a>
                    <a id="ctl00_lbtnProducts" onmouseover="document.getElementById('ctl00_lbtnProducts').style.backgroundImage='url(../img/mProdukte.png)'" onmouseout="document.getElementById('ctl00_lbtnProducts').style.backgroundImage=''" href="javascript:__doPostBack('ctl00$lbtnProducts','')" style="display:inline-block;height:35px;width:141px;">Produkte</a>
                    <a id="ctl00_lbtnPortfolio" class="test" onmouseover="document.getElementById('ctl00_lbtnPortfolio').style.backgroundImage='url(../img/mPortfolio.png)'" onmouseout="document.getElementById('ctl00_lbtnPortfolio').style.backgroundImage=''" href="javascript:__doPostBack('ctl00$lbtnPortfolio','')" style="display:inline-block;height:35px;width:141px;">Portfolio</a>
                    <a id="ctl00_lbtnContact" onmouseover="document.getElementById('ctl00_lbtnContact').style.backgroundImage='url(../img/mKontakt.png)'" onmouseout="document.getElementById('ctl00_lbtnContact').style.backgroundImage=''" href="javascript:__doPostBack('ctl00$lbtnContact','')" style="display:inline-block;height:35px;width:141px;">Kontakt</a>
                </div>
            </div>
            <div class="headBottom">
            </div>
        <div class="contentTop">
            </div>
            <div class="content" style="z-index: 10;">
                
    <div class="welcome">
        <h3>Willkommen ....</h3>
        
    </div>
    <ul class="horizontalList">
        <li><img src="../img/arrow.png" alt="Arrow" /> <a id="ctl00_cphContent_lbtnWebMarketing" href="javascript:__doPostBack('ctl00$cphContent$lbtnWebMarketing','')">Internet Marketing</a></li>
        <li><img src="../img/arrow.png" alt="Arrow" /> <a id="ctl00_cphContent_lbtnWebDevelopment" href="javascript:__doPostBack('ctl00$cphContent$lbtnWebDevelopment','')">Web Development</a></li>
        <li><img src="../img/arrow.png" alt="Arrow" /> <a id="ctl00_cphContent_lbtnContactStart" href="javascript:__doPostBack('ctl00$cphContent$lbtnContactStart','')">Nehmen Sie Kontakt auf</a></li>
    </ul>
    <div class="workingOnProject">
        <h3>Wie wir Ihr Projekt angehen</h3>
        <p>Der feine Unterschied: Für die Mitarbeiter ist das in Sie gesetzte Vertrauen Ziel und Antrieb ihrer Tätigkeit. 
        Gewissenhafte Arbeit, Transparenz und Ehrlichkeit bilden die Grundpfeiler der Firmen-Philosophie und die Basis für eine Zusammenarbeit, 
        von deren Erfolg beide Seiten profitieren.</p>
        <h2>Zielgruppenanalyse</h2>
        <p>Am Beginn wird erkundet, wer Ihre Kunden sind, welche Präferenzen diese haben und welche Zielgruppe Sie ansprechen wollen. 
        Für die Beurteilung werden Informationen über den Markt benötigt. Falls diese nicht zu Verfügung stehen, werden diese durch 
        eine Marktanalyse oder -befragung beschafft.</p>
        <h2>Inhaltsanalyse</h2>
        <p>Das Design und Layout orientiert sich unter Anderem am Inhalt. analysiert Ihren Inhalt um die Website an diesen anzupassen.</p>
        <h2>Aufbau der Website</h2>
        <p>Alle essentiellen Informationen müssen klar und eindeutig ersichtlich sein. Darauf wird auch der Schwerpunkt gelegt um Ihren Inhalt best möglich zu präsentieren.</p>
        <h2>Design- & Layoutphase</h2>
        <p>Das Design Ihrer Website repräsentiert Ihr Unternehmen. Daher ist es wichtig, dass Sie sich mit der Webpräsenz identifizieren können.</p>
        <h2>Marketing</h2>
        <p>Mit einer erfolgsorientierten Marketingstrategie überlassen Sie nichts dem Zufall. Die Besucher kommen durch Suchmaschinenoptimierung und gezieltem Marketing vermehrt zu Ihnen.</p>
    </div>     
    <div class="news">
        <h3>Neuigkeiten</h3>
        <div style="border-bottom: 1px solid #d6d3d3; border-top: 1px solid #d6d3d3;">
            <h2>Neue Website online</h2>
            <span class="bold">vom 20.8.2009</span>
            <p>Unsere neue Website in der Version 3.0 ist heute online gegangen...</p>
            <a href="#">Mehr lesen</a>
        </div>
    </div>
 
            </div>
          
            <div class="footer">
                <div class="navBottom">
                    <a id="ctl00_lbtnCompanyInfo" href="javascript:__doPostBack('ctl00$lbtnCompanyInfo','')">Unternehmen</a>
                    |
                    <a id="ctl00_lbtnJobs" href="javascript:__doPostBack('ctl00$lbtnJobs','')">Jobs</a>
                    |
                    <a id="ctl00_lbtnImpressumBottom" href="javascript:__doPostBack('ctl00$lbtnImpressumBottom','')">Impressum</a>
                    |
                    <a id="ctl00_lbtnContactBottom" href="javascript:__doPostBack('ctl00$lbtnContactBottom','')">Kontakt</a>
                </div>
                <div class="copyright">
                    © 2009
                </div>
            </div>
        </div>
    </center>
    
                                        
    
 
    
    <!-- NOT VISIBLE SERVER CONTROLS -->
    <input type="hidden" id="ctl00_puContactUsWS" name="ctl00_puContactUsWS" value="0:0:-1:0:0:0:0:0:" />
<div id="ctl00_puContactUs_PW-1" style="position:absolute;left:0px;top:0px;z-index:10000;visibility:hidden;display:none;">
	<table id="ctl00_puContactUs_PWST-1" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse;border-collapse:separate;position:relative;">
		<tr>
			<td class="dxpcControl contactPopup" onmousedown="aspxPWMDown(event,'ctl00_puContactUs',-1,false)" style="background-color:White;border-width:0px;border-style:None;width:292px;border-left-style:None;border-top-style:None;border-right-style:None;border-bottom-style:None;cursor:default;"><table id="ctl00_puContactUs_CLW-1" cellspacing="0" cellpadding="0" border="0" style="width:292px;border-collapse:collapse;border-collapse:separate;">
				<tr>
					<td id="ctl00_puContactUs_PWH-1" class="dxpcHeader" style="border-width:0px;border-style:None;background-image:url(../../Style/img/contactPopupHeaderBg.png);background-repeat:repeat-x;border-top-style:None;border-bottom-style:None;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;"><table cellspacing="0" cellpadding="0" border="0" style="width:100%;border-collapse:collapse;border-collapse:separate;">
						<tr>
							<td class="dxpc" style="padding-right:4px;"><img src="../../Style/img/contactPopupHeader.png" alt="" style="height:19px;width:292px;border-width:0px;" /></td><td class="dxpc" style="width:100%;"></td>
						</tr>
					</table></td>
				</tr><tr>
					<td id="ctl00_puContactUs_PWC-1" class="dxpcContent contactPopup" style="color:#3A3B3D;border-width:0px;border-style:None;font-family:Tahoma;font-size:14pt;background-repeat:no-repeat;padding-top:0px;border-bottom-width:0px;border-top-width:0px;white-space:normal;background-image:url(../../Style/img/contactPopupContentBg.png);padding-right:10px;padding-bottom:0px;padding-left:10px;background-position:right top;">
                                <a id="ctl00_puContactUs_lbtnContactForm" href="javascript:__doPostBack('ctl00$puContactUs$lbtnContactForm','')">Kontaktformular</a><br />
                                <img src="../img/contactPerForm.png" alt="Schildern Sie uns Ihr Anliegen per Kontaktformular"/><br />
                                <a id="ctl00_puContactUs_lbtnCallBackService" href="javascript:__doPostBack('ctl00$puContactUs$lbtnCallBackService','')">Rückrufservice</a><br />
                                <img src="../img/contactPerCallBackService.png" alt="Egal um was es sich handelt. Wir rufen Sie gerne und so schnell wie möglich zurück" /><br />
                                <a id="ctl00_puContactUs_lbtnPost" href="javascript:__doPostBack('ctl00$puContactUs$lbtnPost','')">Anschrift</a><br />
                                <img src="../img/contactPerPost.png" alt="Sie können uns auch auf den Postweg erreichen" />
                            </td>
				</tr><tr>
					<td id="ctl00_puContactUs_PWF-1" class="dxpcFooter" style="border-width:0px;border-style:None;background-image:url(../../Style/img/contactPopupFooterBg.png);background-repeat:repeat-x;background-position:left bottom;"><table cellspacing="0" cellpadding="0" border="0" style="width:100%;border-collapse:collapse;border-collapse:separate;">
						<tr>
							<td class="dxpc" style="padding-right:4px;padding-top:0px;padding-bottom:0px;padding-left:0px;"><img src="../../Style/img/contactPopupFooter.png" alt="" style="height:5px;width:292px;border-width:0px;" /></td><td class="dxpc" style="width:100%;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;"></td>
						</tr>
					</table></td>
				</tr>
			</table></td>
		</tr>
	</table>
</div><script id="dxss_2112846159" type="text/javascript"> 
<!--
aspxAddHoverItems('ctl00_puContactUs',[['dxpcCloseButtonHover','',['HCB-1']]]);
 
var dxo = new ASPxClientPopupControl('ctl00_puContactUs');
window['ctl00_puContactUs'] = dxo;
dxo.uniqueID = 'ctl00$puContactUs';
dxo.appearAfter=150;
dxo.disappearAfter=800;
dxo.popupAction='MouseOver';
dxo.closeAction='MouseOut';
dxo.popupHorizontalAlign='LeftSides';
dxo.popupVerticalAlign='Below';
dxo.isPopupPositionCorrectionOn=false;
dxo.shadowHeight=0;
dxo.shadowWidth=0;
dxo.popupElementID='ctl00_lbtnContactUs';
dxo.InlineInitialize();
 
//-->
</script>
            
    
 
<script type="text/javascript"> 
//<![CDATA[
Sys.Application.initialize();
//]]>
</script>
</form>
</body>
</html>

//Der Text, den du eingegeben hast, besteht aus 49724 Zeichen und ist damit zu lang. Bitte kürze den Text auf die maximale Länge von 30000 Zeichen.
:D .net code in ide hab ich jetzt mal weggelassen

Und die wichtigsten Stylesheet files:

Code: 
body
{
	background-image: url('./img/bg.png');
	background-position: top center;
	background-repeat: repeat-x;
	position: absolute;
	top: 0; bottom: 0; right: 0; left: 0;
}

div.cPage
{
	position: relative;
	width: 956px;
	height: auto;
	top: 0; bottom: 0; left: 0px; 
right: 0px;
}

div.head
{
	position: relative;
	width: 956px;
	height: 237px;
	background-image: url('./img/head.png');
	background-position: top center;
	background-repeat: no-repeat;
	overflow: visible;
}

div.headBottom
{
	width: 956px;
	height: 39px;
	background-image: url('./img/headBottom.png');
	background-position: top center;
	background-repeat: no-repeat;
}

/* NOT IN USE */
/*div.cContent
{
	width: 956px;
	height: auto;
}*/

div.contentTop
{
	width: 956px;
	height: 28px;
	background-image: url('./img/contentTop.png');
	background-position: top center;
	background-repeat: no-repeat;
}

div.content
{
	position: relative;
	width: 936px;
	height: auto;
	margin-left: 10px;
	margin-right: 10px;
	text-align: justify; /* CHANGE HERE FOR TEXT ALIGN IN CONTENT */
}

div.footer
{
	position: relative;
	width: 956px;
	height: 130px;
	background-image: url('./img/bgFooter.png');
	background-position: top center;
	background-repeat: no-repeat;
}

div.copyright
{
	position: absolute;
	top: auto; left: 20px; right: auto; bottom: 20px;
	color: #fafafa;
	font-size: 14pt;
	font-weight: normal;
}

Code: 
/* MAIN NAVIGATION */
div.nav
{
	position: absolute;
	width: auto;
	height: auto;
	top: auto; bottom: 0; left: 0; right: auto;
}

.nav a:link, .nav a:active, .nav a:hover, .nav a:visited
{
	text-decoration: none;
	font-family: Tahoma;
	font-size: 14pt;
	font-weight: normal;
	padding-top: 8px;
}

.nav a:link, .nav a:active, .nav a:visited
{	
	color: #FFFFFF;
}

.nav a:hover
{
	color: #FFFFFF;
}

/* contact and navsite */
div.contact
{
	position: absolute;
	top: 9px; bottom: auto; right: auto; left: 45px;
}

.contact a:link, .contact a:active, .contact a:hover, .contact a:visited,
.navSite a:link, .navSite a:active, .navSite a:hover, .navSite a:visited
{
	text-decoration: none;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: normal;
	margin-right: 8px;
}

.contact a:link, .contact a:active, .contact a:visited,
.navSite a:link, .navSite a:active, .navSite a:visited
{
	color: #5d5d5d;
}

.contact a:hover, .navSite a:hover
{
	color: #22911d;
}

div.navSite
{
	position: absolute;
	top: 6px; bottom: auto; right: 30px; left: auto;
}

img.contactUs
{
	position: absolute;
	top: 8px; bottom: auto; right: auto; left: 20px;
}

/* navBottom */
div.navBottom
{
	position: absolute;
	top: auto; bottom: 65px; right: auto; left: 20px;
	font-size: 8pt;
	font-weight: normal;
	color: #dddddd;
}

.navBottom a:link, .navBottom a:active, .navBottom a:visited
{
	color: #aaaaaa;
	text-decoration: none;
	font-size: 9pt;
	margin-left: 3px;
	margin-right: 3px;
}

.navBottom a:hover
{
	color: #ffffff;
}

.contactPopup
{
	z-index: 9999;
	width: 292px;
	overflow: hidden;
}

.contactPopup a:link, .contactPopup a:active, .contactPopup a:visited
{
	color: #3a3b3d;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 14pt;
	font-weight: normal;
	line-height: 12pt;
}

.contactPopup a:hover
{
	color: #22911d;
}

.loginPopup
{
	text-align: left;
}

.popupAdminUi
{
	text-align: left;
}

.popupAdminUi a:link, .popupAdminUi a:active, .popupAdminUi a:visited
{
	color: #313536;
	font-size: 11pt;
	font-weight: normal;
	margin-left: 3px;
}

.popupAdminUi a:hover
{
	color: #22911d;
}

/* admin nav */
ul.adminNav
{
	
}

.adminNav li
{
	width: 132px;
	display: inline;
	margin-left: 10px; margin-right: 20px;
}

Code: 
.tbeUsername
{
	color: #717171;
}

.tbePassword
{
	color: #717171;
}

.admin
{
	border-top: 1px solid #e6e6e6;
	margin-top: 10px;
	padding-top: 5px;
	text-align: left;
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 5px;
	z-index: 9999;
}

Code: 
div.welcome
{
	position: relative;
	width: 406px;
	height: auto;
	background-image: url('./img/imgStart.png');
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 320px;
	padding-top: 10px;
	padding-right: 200px;
}

ul.horizontalList
{
	width: auto;
	height: 35px;
	line-height: 35px;
	margin-top: 15px;
	margin-left: 10px;
	margin-right: 200px;
	list-style-type: circle;
	text-align: left;
	border-top: 1px solid #d6d3d3;
	border-bottom: 1px solid #d6d3d3;
}

.horizontalList li
{
	list-style-type: circle;
	display: inline;
	margin-left: 70px;
	margin-right: 30px;
}

.horizontalList a:link, .horizontalList a:visited, .horizontalList a:active
{
	color: #22911d;
}

.horizontalList a:hover
{
	color: #49bf43;
}

div.news
{
	position: absolute;
	top: 10px; left: auto; bottom: 0; right: 0;
	width: 180px;
	padding-left: 10px;
	border-left: 1px solid #d6d3d3;
	text-align: left;
}

div.workingOnProject
{
	margin-top: 50px;
	width: auto;
	margin-left: 10px;
	margin-right: 200px;
	padding-right: 410px;
	background-image: url('./img/imgProjectCircle2.png');
	background-position: right top;
	background-repeat: no-repeat;
}

Herzlichsten Dank! :)
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück