CSS/HTML Shadow problem -


My problem with my site is that I want the shadow to close at the end of my text box

HTML

& lt; Body & gt; & Lt; Div id = "shadow" class = "floatfix" & gt; & Lt; Div id = "shadowleft" & gt; & Lt; / Div & gt; & Lt; Div id = "shadowtop" & lt; Img src = "img / shadowcornerleft.png" alt = "hoek" id = "shadowcornerleft" /> & Lt; Img src = "img / shadowcornerright.png" alt = "hike" id = "shadow encoding" /> gt; & Lt; / Div & gt; & Lt; Div id = "shadowright" & gt; & Lt; / Div & gt; & Lt; Div id = "content" & gt;

This is my CSS code: 

  #Shadow {margin-left: auto; Margin-right: auto; Margin-top: 75px; Width: 974px; } #Shadowoth {status: absolute; Height: 100%; Width: 27px; Margin-top: 42px; Background-image: url ("img / shadowleft.png"); Background-position: top left; Double-repeat: repeat-y; } #shadowright {status: absolute; Height: 100%; Width: 27px; Margin-top: 12px; Margin-left: 9 47 pixels; Background-image: url ("img / shadowright.png"); Background-position: top right; Double-repeat: repeat-y; } #shadotop {width: 892px; Height: 30px; Margin-left: auto; Margin-right: auto; Margin-top: 45px; Background-image: url ("img / shadowtop.png"); Background-position: 0; Double-repeat: repeat-x; } #Shadowochornbound {Status: Relative; Left: -42 px; Top: 0; } #shadowochronite {status: relative; Left: 850px; Top: 0; } # Content {width: 920px; Margin-left: auto; Margin-right: auto; Background color: white; Border bottom: 1px solid #cccccc; }

I think this is the problem because of "height: 100%" But I do not know how to fix it.

Thank you in advance Vincent

One very easy way to do this is to Make a new background image elevating 960px by 10px, with its shadow on its side. (You may need to make changes to the width to get 9 20 pixels of shadow with the shadow below the sides)

Using your # shadow div will make that background almost to add # content example: 

  #shadow {width: 960px; Margin-left: auto; Margin-right: auto; Background: URL (shadow-side) recurrence- y left top; }

Alternatively you might want to #content div to minimum-height: 100%; By adding and an IE6 hack: 

  * html #content {height: 100%; }

Comments

Post a Comment

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

I'm having trouble overriding a ModelForm save method. I get this error I'm: Exception type: TypeErier Exception Value: Save () found an unexpected keyword argument 'committed' My intentions include a form 3 fields Submit several values ​​for, then create an object for each combination of those areas, and to save each object file models.py class collarsult type (models.Model): id = model. AutoField (db_column = 'icontact_result_code_type_id', primary_key = true) callResult = models.ForeignKey ( 'CallResult', db_column = 'icontact_result_code_id') campaign = models.ForeignKey ( 'campaign', db_column = 'icampaign_id') CALLTYPE = models.ForeignKey ( 'CALLTYPE', db_column = 'icall_type_id') agent = models.BooleanField (db_column = 'bagent', default = true) teamLeader = models.BooleanField (db_column = 'bTeamLeader', default = true) active = models.BooleanField (db_column = Django.form...
Read more

html - CSS autoheight, but fit content to height of div -

I have a div in which there are three children- div in the left and middle div: float: left while true: float: true because it is my layout Actually will spoil, I've used ClearFix Hack: .cf {zoom: 1; }. Cf: First,. Cf: {content: ""; Display: Table; }. Cf: After {clear: both; } It still works, but I want to be the right div an indicator. So it should fill 100% of the parent unit of height. How can I complete this? PS is the full code: & Lt; / Div & gt; & Lt; Div class = "mobile_content" & gt; & Lt; H5 & gt; {{Data.titel}} & lt; / H5> & Lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Komponist: & lt; / Th & gt; & Lt; TD & gt; {{Data.komponist}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Instrument: & lt; / Th & gt; & Lt; TD & gt; {{Data.instrumente}} & lt; / TD & gt; & Lt; / TR & gt;...
Read more

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -

I have been trying to use Qt5 multimedia to record audio with QAudioInput, however, when I see If QAudioInput is started, it increases the master volume of my sound device to 100%. How can I prevent QAudioInput from changing the master volume? My current development platform is Linux with PalsAdio (with flat audio disabled). How can I use QAudioInput : QAudioDeviceInfo device_info = QAudioDeviceInfo :: defaultInputDevice (); QAudio format format; Format.setSampleRate (44100); Format.setChannelCount (1); Format.setSampleSize (16); Format.setCodec ("Audio / PCM"); Format.setSampleType (QAudioFormat :: SignedInt); Format.setByteOrder (QAudioFormat :: LittleEndian); Std :: cout & lt; & Lt; Device_info.deviceName (). ToUtf8 (). ConstData () & lt; & Lt; Std :: endl; QAudioInput * default_device = new QAudioInput (device_info, format); QIODevice * default_io_device = default_device-> Start (); a QAudioInput.setVolume () method is not you I ...
Read more