html - CSS - How to remove unwanted margin between elements? -

-

this seems common problem none of solutions found have worked me.

html

<html>     <head>         <link rel="stylesheet" href="c/lasrs.css" type="text/css" />     </head>     <body>         <div class="header">             <img src="i/header1.png">         </div>         <div class="content">             <p>lorem ipsum dolor sit amet, consectetuer adipiscing elit. nam cursus.                 morbi ut mi. nullam enim leo, egestas id, condimentum at, laoreet mattis,                 massa. sed eleifend nonummy diam. praesent mauris ante, elementum et,                 bibendum at, posuere sit amet, nibh.</p>         </div>     </body> </html>

css

body {     min-width: 950px;     background-color: #ffffff;     color: #333333; }  .header {     width: 950px;     height: 171px;     margin: 0px auto;     padding: 0px;     background-color: #cccccc;     position: relative; }  .content {     width: 950px;     margin: 0px auto;     padding: 0px;     background-color: #e3eef9;     position: relative; }

i deliberately broke image path , set background colour .header div see if touching. page looks like:

page example

as can see i've tried setting padding , margins on both divs 0.

why there still gap?

this due following:

browsers automatically add space (margin) before , after each <p> element. margins can modified css (with margin properties).

so try:

p {      margin: 0px; }

note: browsers add default styling on other elements too! can both useful , annoying in different situations. there 3 ways go this:

  1. completely remove default styles browsers might have. accomplished using reset stylesheet. popular 1 eric meyer’s css reset. if want go out , have completely clean start in browser, use meyer's technique. method preferred on using slow *{ margin:0; padding:0; } reset approach (read here why)

  2. normalize stylesheet own defaults. large annoyance of webdesigners different browsers use different default styles. however, complete reset comes time-consuming trouble of redefining styles of elements. therefore, can normalize default styles of browsers using predefined set of consistent , sensible default styles. common approach use normalize.css (twitter, github , soundcloud use this!)

  3. adjust defaults when necessary or consciously work around defaults. common way (not saying it's best way) work defaults know exist , adjust them when necessary. default styles there reason: can developers looks after. off? adjust styles accordingly. however, make sure use correct tags correct elements. example, instead of removing <p> margins inline texts, should use <span> tag (no default margin)

that should understand what's going on behind scenes.


Comments

Post a Comment

Popular posts from this blog

c++ - Creating new partition disk winapi -

-
i'am trying create new partition , mount volume new, thought createfile let me this, code : lpctstr lpfilename=l"\\\\.\\device\\harddisk0\\partition3"; handle handl=createfile( lpfilename, generic_read | generic_write, file_share_read | file_share_write, null, create_always, file_attribute_normal, null ); if (handl==invalid_handle_value) { qdebug()<<"handl invalid"<<" error"<<getlasterror();} bool success = definedosdevice(ddd_raw_target_path,l"i:",l"\\device\\harddisk0\\partition3"); if(!success) qdebug()<<" definedosdevice failed "<<getlasterror(); bflag = getvolumenameforvolumemountpoint( l"i:\\", // input volume mount point or directory /** u in dir
Read more

Android Prevent Bluetooth Pairing Dialog -

-
i'm developing internal application uses bluetooth printing. want bluetooth pairing occur without user input. have managed working trapping android.bluetooth.device.action.pairing_request broadcast. in broadcast receiver call setpin method, , pairing works ok, bluetoothpairingdialog displayed second or two, disappears - see link below. https://github.com/android/platform_packages_apps_settings/blob/master/src/com/android/settings/bluetooth/bluetoothpairingdialog.java since broadcast non-ordered, can't call abortbroadcast() , , wondering if there other way prevent pairing dialog appearing. can hook window manager in way? i haven't been able come way without modifying sdk. if you're oem, it's easy (i'm on 4.3): in packages/apps/settings/androidmanifest.xml, comment intent filter pairing dialog: <activity android:name=".bluetooth.bluetoothpairingdialog" android:label="@string/bluetooth_pairing_request"
Read more

VBA function to include CDATA -

-
i have following function include cdata: function cdatasection() dim objdom domdocument dim objkmlrootelement ikmldomelement dim objkmlelement ikmldomelement dim cdata ikmldomcdatasection set objdom = new domdocument set objkmlrootelement = objdom.createelement("balloonstyle") objdom.appendchild objkmlrootelement set objkmlelement = objdom.createelement("text") objkmlrootelement.appendchild objkmlelement set cdata = objdom.createcdatasection("text") cdata.data = "<![cdata[<b>latitude = $[latitude]</b>?]]>;" end function when run above, getting error "user defined data type not found" function. yes ripster says find library reference. vba window tools>references for list of relevant references see... http://msdn.microsoft.com/en-us/library/windows/desktop/ms763701%28v=vs.85%29.aspx however, if have hard time tracking down reference, replace dim sta
Read more